Creato a 07/02/2025 16:49
Design System Tokens Library
- Token Blue#42a5f5
- Spacing Smoke#f5f5f5
- Border Ash#bdbdbd
- Typography Graphite#212121
- Radius Mint#a5d6a7
- Z-Index Black#000000
La tavolozza è composta da Leggero, Buio colori. Colori accentati Token Blue #42a5f5 e Spacing Smoke #f5f5f5. La tavolozza ha la temperatura del colore Freddo, Neutro.
Per luminosità, la tavolozza va da #000000 (più scuro) a #F5F5F5 (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta per lo più smorzata (croma basso).
La maggior parte dei colori è quasi neutra o a bassissima saturazione; le relazioni tra toni sono sottili.
La maggior parte dei campioni risulta neutra in temperatura.
Codici HEX (ordinati): #000000, #212121, #42A5F5, #A5D6A7, #BDBDBD, #F5F5F5
La tavolozza Design System Tokens Library ha una combinazione di colori dei codici 6:
ESADECIMALE: #42a5f5, RGB: (66, 165, 245); ESADECIMALE: #f5f5f5, RGB: (245, 245, 245); ESADECIMALE: #bdbdbd, RGB: (189, 189, 189)
ESADECIMALE: #212121, RGB: (33, 33, 33); ESADECIMALE: #a5d6a7, RGB: (165, 214, 167); ESADECIMALE: #000000, RGB: (0, 0, 0)
Versione semplificata della tavolozza dei colori
Ombra di dodgerblue, Tonalità di Argento, Ombra di Nero, Ombra di darkseagreen, Nero
La combinazione di colori è stata creata da colorhunt
Codici colori nella tavolozza
Design System Tokens Library codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #42a5f5 | #42a5f5 | RGB(66, 165, 245) | Token Blue | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Spacing Smoke | White Smoke |
| #bdbdbd | #bdbdbd | RGB(189, 189, 189) | Border Ash | Gray74 |
| #212121 | #212121 | RGB(33, 33, 33) | Typography Graphite | Lead |
| #a5d6a7 | #a5d6a7 | RGB(165, 214, 167) | Radius Mint | — |
| #000000 | #000000 | RGB(0, 0, 0) | Z-Index Black | Black |
Contrasto della palette di colori
6 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 |
#42a5f5 | #bdbdbd | 1.4 |
#42a5f5 | #a5d6a7 | 1.61 |
#f5f5f5 | #bdbdbd | 1.72 |
#f5f5f5 | #a5d6a7 | 1.5 |
#bdbdbd | #a5d6a7 | 1.14 |
#212121 | #000000 | 1.3 |
Tavolozza immagini Design System Tokens Library png
Esporta tavolozza
Scarica la "Design System Tokens Library" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: