Creato a 07/14/2025 07:44
Composable UI Design Infrastructure
- Slot Mint#b4f8c8
- Component Graphite#434343
- State Indigo#5e60ce
- Prop Cream#fffbf0
- Theme Pink#ffd3da
- Token White#fdfdfd
La tavolozza è composta da Leggero colori. Colori accentati State Indigo #5e60ce e Prop Cream #fffbf0. La tavolozza ha la temperatura del colore Freddo, Neutro.
Per luminosità, la tavolozza va da #434343 (più scuro) a #FDFDFD (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).
La maggior parte dei campioni risulta neutra in temperatura.
Codici HEX (ordinati): #434343, #5E60CE, #B4F8C8, #FDFDFD, #FFD3DA, #FFFBF0
La tavolozza Composable UI Design Infrastructure ha una combinazione di colori dei codici 6:
ESADECIMALE: #b4f8c8, RGB: (180, 248, 200); ESADECIMALE: #434343, RGB: (67, 67, 67); ESADECIMALE: #5e60ce, RGB: (94, 96, 206)
ESADECIMALE: #fffbf0, RGB: (255, 251, 240); ESADECIMALE: #ffd3da, RGB: (255, 211, 218); ESADECIMALE: #fdfdfd, RGB: (253, 253, 253)
Versione semplificata della tavolozza dei colori
Ombra di aquamarine, Tonalità di darkslategrey, Ombra di slateblue, Ombra di floralwhite, Ombra di Rosa, Tonalità di Bianco
La combinazione di colori è stata creata da colorday
Codici colori nella tavolozza
Composable UI Design Infrastructure codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #b4f8c8 | #b4f8c8 | RGB(180, 248, 200) | Slot Mint | — |
| #434343 | #434343 | RGB(67, 67, 67) | Component Graphite | — |
| #5e60ce | #5e60ce | RGB(94, 96, 206) | State Indigo | — |
| #fffbf0 | #fffbf0 | RGB(255, 251, 240) | Prop Cream | Vanilla Shake |
| #ffd3da | #ffd3da | RGB(255, 211, 218) | Theme Pink | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Token White | Brilliance |
Contrasto della palette di colori
7 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 |
#b4f8c8 | #fffbf0 | 1.18 |
#b4f8c8 | #ffd3da | 1.1 |
#b4f8c8 | #fdfdfd | 1.2 |
#434343 | #5e60ce | 1.9 |
#fffbf0 | #ffd3da | 1.3 |
#fffbf0 | #fdfdfd | 1.01 |
Tavolozza immagini Composable UI Design Infrastructure png
Esporta tavolozza
Scarica la "Composable UI Design Infrastructure" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: