Creato a 06/09/2025 08:14
Custom CSS Token Library
- Var Emerald#50c878
- Token Dust#e5e5e5
- Reference Grape#8a6eca
- Default Slate#6b7280
- Background White#ffffff
- Fallback Graphite#2a2a2a
La tavolozza è composta da Leggero, Buio colori. Colori accentati Var Emerald #50c878 e Background White #ffffff. La tavolozza ha la temperatura del colore Freddo, Neutro.
Per luminosità, la tavolozza va da #2A2A2A (più scuro) a #FFFFFF (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.
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #2A2A2A, #50C878, #6B7280, #8A6ECA, #E5E5E5, #FFFFFF
La tavolozza Custom CSS Token Library ha una combinazione di colori dei codici 6:
ESADECIMALE: #50c878, RGB: (80, 200, 120); ESADECIMALE: #e5e5e5, RGB: (229, 229, 229); ESADECIMALE: #8a6eca, RGB: (138, 110, 202)
ESADECIMALE: #6b7280, RGB: (107, 114, 128); ESADECIMALE: #ffffff, RGB: (255, 255, 255); ESADECIMALE: #2a2a2a, RGB: (42, 42, 42)
Versione semplificata della tavolozza dei colori
Ombra di mediumseagreen, Ombra di gainsboro, Tonalità di mediumpurple, Tonalità di slategrey, Bianco, Ombra di Nero
La combinazione di colori è stata creata da hex
Codici colori nella tavolozza
Custom CSS Token Library codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #50c878 | #50c878 | RGB(80, 200, 120) | Var Emerald | Emerald Reflection |
| #e5e5e5 | #e5e5e5 | RGB(229, 229, 229) | Token Dust | Gray90 |
| #8a6eca | #8a6eca | RGB(138, 110, 202) | Reference Grape | — |
| #6b7280 | #6b7280 | RGB(107, 114, 128) | Default Slate | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background White | White |
| #2a2a2a | #2a2a2a | RGB(42, 42, 42) | Fallback Graphite | The End |
Contrasto della palette di colori
4 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 |
#50c878 | #e5e5e5 | 1.68 |
#50c878 | #8a6eca | 1.91 |
#e5e5e5 | #ffffff | 1.25 |
#8a6eca | #6b7280 | 1.18 |
Tavolozza immagini Custom CSS Token Library png
Esporta tavolozza
Scarica la "Custom CSS Token Library" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: