Creato a 07/22/2025 17:05
Design Token & Component Library
- Token Rose#ff6b81
- Component Slate#6c757d
- UI Panel Ivory#fff8f0
- Alert Coral#ff8c66
- Disabled Gray#cccccc
- Contrast Black#121212
- Interact Blue#4a90e2
La tavolozza è composta da Leggero, Buio colori. Colori accentati UI Panel Ivory #fff8f0 e Interact Blue #4a90e2. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
Per luminosità, la tavolozza va da #121212 (più scuro) a #FFF8F0 (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).
Note calde e fredde sono abbastanza bilanciate.
Codici HEX (ordinati): #121212, #4A90E2, #6C757D, #CCCCCC, #FF6B81, #FF8C66, #FFF8F0
La tavolozza Design Token & Component Library ha una combinazione di colori dei codici 7:
ESADECIMALE: #ff6b81, RGB: (255, 107, 129); ESADECIMALE: #6c757d, RGB: (108, 117, 125); ESADECIMALE: #fff8f0, RGB: (255, 248, 240)
ESADECIMALE: #ff8c66, RGB: (255, 140, 102); ESADECIMALE: #cccccc, RGB: (204, 204, 204); ESADECIMALE: #121212, RGB: (18, 18, 18)
ESADECIMALE: #4a90e2, RGB: (74, 144, 226)
Versione semplificata della tavolozza dei colori
Tonalità di lightcoral, Tonalità di slategrey, Tonalità di floralwhite, Ombra di coral, Tonalità di lightgrey, Ombra di Nero, Ombra di dodgerblue
La combinazione di colori è stata creata da coolor
Codici colori nella tavolozza
Design Token & Component Library codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #ff6b81 | #ff6b81 | RGB(255, 107, 129) | Token Rose | — |
| #6c757d | #6c757d | RGB(108, 117, 125) | Component Slate | Pompeii Ash |
| #fff8f0 | #fff8f0 | RGB(255, 248, 240) | UI Panel Ivory | — |
| #ff8c66 | #ff8c66 | RGB(255, 140, 102) | Alert Coral | — |
| #cccccc | #cccccc | RGB(204, 204, 204) | Disabled Gray | Cerebral Grey |
| #121212 | #121212 | RGB(18, 18, 18) | Contrast Black | Dark Tone Ink |
| #4a90e2 | #4a90e2 | RGB(74, 144, 226) | Interact Blue | — |
Contrasto della palette di colori
8 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 |
#ff6b81 | #6c757d | 1.71 |
#ff6b81 | #ff8c66 | 1.19 |
#ff6b81 | #cccccc | 1.7 |
#ff6b81 | #4a90e2 | 1.2 |
#6c757d | #4a90e2 | 1.42 |
#fff8f0 | #cccccc | 1.52 |
Tavolozza immagini Design Token & Component Library png
Esporta tavolozza
Scarica la "Design Token & Component Library" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: