Creato a 07/13/2025 14:34
Design Token Driven System UI
- Primary Indigo#3f51b5
- Secondary Peach#ffb997
- Success Mint#9aeba3
- Alert Red#e63946
- Neutral White#ffffff
- Disabled Grey#b0bec5
La tavolozza è composta da Semi scuro, Leggero colori. Colori accentati Primary Indigo #3f51b5 e Secondary Peach #ffb997. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #3F51B5 (più scuro) a #FFFFFF (più chiaro). L’intervallo di luminosità è moderato.
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): #3F51B5, #9AEBA3, #B0BEC5, #E63946, #FFB997, #FFFFFF
La tavolozza Design Token Driven System UI ha una combinazione di colori dei codici 6:
ESADECIMALE: #3f51b5, RGB: (63, 81, 181); ESADECIMALE: #ffb997, RGB: (255, 185, 151); ESADECIMALE: #9aeba3, RGB: (154, 235, 163)
ESADECIMALE: #e63946, RGB: (230, 57, 70); ESADECIMALE: #ffffff, RGB: (255, 255, 255); ESADECIMALE: #b0bec5, RGB: (176, 190, 197)
Versione semplificata della tavolozza dei colori
Tonalità di slateblue, Ombra di lightsalmon, Ombra di lightgreen, Ombra di crimson, Bianco, Tonalità di Argento
La combinazione di colori è stata creata da colorhunt
Codici colori nella tavolozza
Design Token Driven System UI codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #3f51b5 | #3f51b5 | RGB(63, 81, 181) | Primary Indigo | — |
| #ffb997 | #ffb997 | RGB(255, 185, 151) | Secondary Peach | — |
| #9aeba3 | #9aeba3 | RGB(154, 235, 163) | Success Mint | — |
| #e63946 | #e63946 | RGB(230, 57, 70) | Alert Red | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Neutral White | White |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Disabled Grey | Ocean Drive |
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 |
#3f51b5 | #e63946 | 1.64 |
#ffb997 | #9aeba3 | 1.16 |
#ffb997 | #ffffff | 1.66 |
#ffb997 | #b0bec5 | 1.14 |
#9aeba3 | #ffffff | 1.42 |
#9aeba3 | #b0bec5 | 1.34 |
Tavolozza immagini Design Token Driven System UI png
Esporta tavolozza
Scarica la "Design Token Driven System UI" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: