Creato a 07/28/2025 19:43
System Design Tokens Palette
- Primary Indigo#4e4eff
- Secondary Coral#ff847c
- Neutral Gray#c4c4c4
- Error Red#ff5c58
- Success Green#4ade80
- Surface White#fcfcfc
La tavolozza è composta da Semi scuro, Leggero colori. Colori accentati Primary Indigo #4e4eff e Secondary Coral #ff847c. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #4ADE80 (più scuro) a #FCFCFC (più chiaro). L’intervallo di luminosità è moderato.
La saturazione complessiva risulta vivida (croma alto).
Le tonalità sono distribuite in modo ampio sulla ruota: tavolozza varia (euristica).
Note calde e fredde sono abbastanza bilanciate.
Codici HEX (ordinati): #4ADE80, #4E4EFF, #C4C4C4, #FCFCFC, #FF5C58, #FF847C
La tavolozza System Design Tokens Palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #4e4eff, RGB: (78, 78, 255); ESADECIMALE: #ff847c, RGB: (255, 132, 124); ESADECIMALE: #c4c4c4, RGB: (196, 196, 196)
ESADECIMALE: #ff5c58, RGB: (255, 92, 88); ESADECIMALE: #4ade80, RGB: (74, 222, 128); ESADECIMALE: #fcfcfc, RGB: (252, 252, 252)
Versione semplificata della tavolozza dei colori
Tonalità di slateblue, Ombra di salmon, Ombra di Argento, Tonalità di tomato, Ombra di mediumspringgreen, Tonalità di Bianco
La combinazione di colori è stata creata da hex
Codici colori nella tavolozza
System Design Tokens Palette codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #4e4eff | #4e4eff | RGB(78, 78, 255) | Primary Indigo | — |
| #ff847c | #ff847c | RGB(255, 132, 124) | Secondary Coral | — |
| #c4c4c4 | #c4c4c4 | RGB(196, 196, 196) | Neutral Gray | Weathered Stone |
| #ff5c58 | #ff5c58 | RGB(255, 92, 88) | Error Red | — |
| #4ade80 | #4ade80 | RGB(74, 222, 128) | Success Green | — |
| #fcfcfc | #fcfcfc | RGB(252, 252, 252) | Surface White | Gray99 |
Contrasto della palette di colori
9 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 |
#4e4eff | #ff5c58 | 1.79 |
#ff847c | #c4c4c4 | 1.36 |
#ff847c | #ff5c58 | 1.27 |
#ff847c | #4ade80 | 1.36 |
#c4c4c4 | #ff5c58 | 1.73 |
#c4c4c4 | #4ade80 | 1 |
Tavolozza immagini System Design Tokens Palette png
Esporta tavolozza
Scarica la "System Design Tokens Palette" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: