Creato a 05/26/2025 21:20
Pixelmint Interaction Layer
- Pixel Mint#a7f6d0
- Cloud Beige#f3f0e8
- Highlight Coral#ffaaa5
- Soft Sky Blue#d5edff
- UI Charcoal#2d2d2d
- Static White#ffffff
La tavolozza è composta da Leggero, Buio colori. Colori accentati Highlight Coral #ffaaa5 e Soft Sky Blue #d5edff. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #2D2D2D (più scuro) a #FFFFFF (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #2D2D2D, #A7F6D0, #D5EDFF, #F3F0E8, #FFAAA5, #FFFFFF
La tavolozza Pixelmint Interaction Layer ha una combinazione di colori dei codici 6:
ESADECIMALE: #a7f6d0, RGB: (167, 246, 208); ESADECIMALE: #f3f0e8, RGB: (243, 240, 232); ESADECIMALE: #ffaaa5, RGB: (255, 170, 165)
ESADECIMALE: #d5edff, RGB: (213, 237, 255); ESADECIMALE: #2d2d2d, RGB: (45, 45, 45); ESADECIMALE: #ffffff, RGB: (255, 255, 255)
Versione semplificata della tavolozza dei colori
Ombra di aquamarine, Tonalità di floralwhite, Tonalità di lightpink, Tonalità di aliceblue, Ombra di Nero, Bianco
La combinazione di colori è stata creata da colorscheme
Codici colori nella tavolozza
Pixelmint Interaction Layer codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #a7f6d0 | #a7f6d0 | RGB(167, 246, 208) | Pixel Mint | — |
| #f3f0e8 | #f3f0e8 | RGB(243, 240, 232) | Cloud Beige | Latte Froth |
| #ffaaa5 | #ffaaa5 | RGB(255, 170, 165) | Highlight Coral | Alright Then I Became a Princess |
| #d5edff | #d5edff | RGB(213, 237, 255) | Soft Sky Blue | — |
| #2d2d2d | #2d2d2d | RGB(45, 45, 45) | UI Charcoal | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Static White | White |
Contrasto della palette di colori
10 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.
| Colore del testo | Colore di sfondo | Rapporto di contrasto |
#a7f6d0 | #f3f0e8 | 1.1 |
#a7f6d0 | #ffaaa5 | 1.44 |
#a7f6d0 | #d5edff | 1.03 |
#a7f6d0 | #ffffff | 1.25 |
#f3f0e8 | #ffaaa5 | 1.59 |
#f3f0e8 | #d5edff | 1.06 |
Tavolozza immagini Pixelmint Interaction Layer png
Esporta tavolozza
Scarica la "Pixelmint Interaction Layer" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: