Creato a 07/11/2025 21:06
Composable UI Architecture Grid
- Element Indigo#6366f1
- Slot Peach#ffd6a5
- Layer Fog#f3f4f6
- Prop Mint#b9fbc0
- Module Graphite#2e2e2e
- Unit Blue#60a5fa
La tavolozza è composta da Leggero, Buio colori. Colori accentati Slot Peach #ffd6a5 e Unit Blue #60a5fa. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #2E2E2E (più scuro) a #F3F4F6 (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): #2E2E2E, #60A5FA, #6366F1, #B9FBC0, #F3F4F6, #FFD6A5
La tavolozza Composable UI Architecture Grid ha una combinazione di colori dei codici 6:
ESADECIMALE: #6366f1, RGB: (99, 102, 241); ESADECIMALE: #ffd6a5, RGB: (255, 214, 165); ESADECIMALE: #f3f4f6, RGB: (243, 244, 246)
ESADECIMALE: #b9fbc0, RGB: (185, 251, 192); ESADECIMALE: #2e2e2e, RGB: (46, 46, 46); ESADECIMALE: #60a5fa, RGB: (96, 165, 250)
Versione semplificata della tavolozza dei colori
Tonalità di mediumslateblue, Tonalità di navajowhite, Tonalità di whitesmoke, Ombra di palegreen, Ombra di Nero, Ombra di cornflowerblue
La combinazione di colori è stata creata da bad_colors
Codici colori nella tavolozza
Composable UI Architecture Grid codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Element Indigo | — |
| #ffd6a5 | #ffd6a5 | RGB(255, 214, 165) | Slot Peach | — |
| #f3f4f6 | #f3f4f6 | RGB(243, 244, 246) | Layer Fog | — |
| #b9fbc0 | #b9fbc0 | RGB(185, 251, 192) | Prop Mint | — |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | Module Graphite | Carbon Fiber |
| #60a5fa | #60a5fa | RGB(96, 165, 250) | Unit Blue | — |
Contrasto della palette di colori
5 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 |
#6366f1 | #60a5fa | 1.75 |
#ffd6a5 | #f3f4f6 | 1.23 |
#ffd6a5 | #b9fbc0 | 1.14 |
#ffd6a5 | #60a5fa | 1.86 |
#f3f4f6 | #b9fbc0 | 1.08 |
Tavolozza immagini Composable UI Architecture Grid png
Esporta tavolozza
Scarica la "Composable UI Architecture Grid" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: