Creato a 06/25/2025 17:58
Cross-Platform UI Component Suite
- Hybrid Lilac#c3b1e1
- Compile Coral#ff857a
- State Aqua#00d9c0
- Theme Gray#d3d3d3
- Interaction Ink#292929
- Layout Lemon#fdfd96
- Emulator Sky#b3e5fc
La tavolozza è composta da Leggero, Buio colori. Colori accentati Compile Coral #ff857a e State Aqua #00d9c0. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #292929 (più scuro) a #B3E5FC (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta vivida (croma alto).
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): #00D9C0, #292929, #B3E5FC, #C3B1E1, #D3D3D3, #FDFD96, #FF857A
La tavolozza Cross-Platform UI Component Suite ha una combinazione di colori dei codici 7:
ESADECIMALE: #c3b1e1, RGB: (195, 177, 225); ESADECIMALE: #ff857a, RGB: (255, 133, 122); ESADECIMALE: #00d9c0, RGB: (0, 217, 192)
ESADECIMALE: #d3d3d3, RGB: (211, 211, 211); ESADECIMALE: #292929, RGB: (41, 41, 41); ESADECIMALE: #fdfd96, RGB: (253, 253, 150)
ESADECIMALE: #b3e5fc, RGB: (179, 229, 252)
Versione semplificata della tavolozza dei colori
Tonalità di thistle, Ombra di salmon, Tonalità di turquoise, Ombra di Nero, Ombra di Cachi, Ombra di lightblue
La combinazione di colori è stata creata da colorday
Codici colori nella tavolozza
Cross-Platform UI Component Suite codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #c3b1e1 | #c3b1e1 | RGB(195, 177, 225) | Hybrid Lilac | — |
| #ff857a | #ff857a | RGB(255, 133, 122) | Compile Coral | — |
| #00d9c0 | #00d9c0 | RGB(0, 217, 192) | State Aqua | — |
| #d3d3d3 | #d3d3d3 | RGB(211, 211, 211) | Theme Gray | Pinball |
| #292929 | #292929 | RGB(41, 41, 41) | Interaction Ink | Chromaphobic Black |
| #fdfd96 | #fdfd96 | RGB(253, 253, 150) | Layout Lemon | Pastel Yellow |
| #b3e5fc | #b3e5fc | RGB(179, 229, 252) | Emulator Sky | — |
Contrasto della palette di colori
14 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 |
#c3b1e1 | #ff857a | 1.2 |
#c3b1e1 | #00d9c0 | 1.09 |
#c3b1e1 | #d3d3d3 | 1.31 |
#c3b1e1 | #fdfd96 | 1.83 |
#c3b1e1 | #b3e5fc | 1.45 |
#ff857a | #00d9c0 | 1.31 |
Tavolozza immagini Cross-Platform UI Component Suite png
Esporta tavolozza
Scarica la "Cross-Platform UI Component Suite" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: