Accessible Contrast Design Tokens
- Readable Blue#1e88e5
- Overlay White#ffffff
- Focus Black#0c0c0c
- Highlight Yellow#fff176
- Toggle Red#ff5252
Creato il 07/05/2025 13:18
La tavolozza è composta da Chiaro, Scuro colori. Colori d'accento Readable Blue #1e88e5 e Highlight Yellow #fff176. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #0C0C0C (più scuro) a #FFFFFF (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta vivida (croma alto) — il 60% dei colori è vivido.
Alcuni colori sono quasi opposti sulla ruota dei colori e danno alla palette un contrasto complementare.
Complessivamente la temperatura tende al caldo (2 su 5).
Codici HEX (ordinati): #0C0C0C, #1E88E5, #FF5252, #FFF176, #FFFFFF
La tavolozza Accessible Contrast Design Tokens combina 5 codici colore:
HEX: #1e88e5, RGB: (30, 136, 229); HEX: #ffffff, RGB: (255, 255, 255); HEX: #0c0c0c, RGB: (12, 12, 12)
HEX: #fff176, RGB: (255, 241, 118); HEX: #ff5252, RGB: (255, 82, 82)
Versione semplificata della tavolozza dei colori
Sfumatura di Blu Dodger, Bianco, Tinta di Nero, Tinta di Cachi, Sfumatura di Pomodoro
La combinazione di colori è stata creata da hex
Codici colori nella tavolozza
Accessible Contrast Design Tokens codici colore HEX, informazioni RGB in tabella
Contrasto della palette di colori
2 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 |
|---|---|---|
#1e88e5 | #ff5252 | 1.15 |
#ffffff | #fff176 | 1.16 |
Tavolozza immagini Accessible Contrast Design Tokens png
Esporta tavolozza
Scarica la "Accessible Contrast Design Tokens" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: