Web UI Accessibility Tokens
- Readable Navy#1f2937
- Label White#ffffff
- Focus Aqua#22d3ee
- Error Red#ef4444
- Active Lavender#ddd6fe
- Support Grey#d1d5db
Creato il 06/14/2025 19:44
La tavolozza è composta da Scuro, Chiaro colori. Colori d'accento Focus Aqua #22d3ee e Active Lavender #ddd6fe. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #1F2937 (più scuro) a #FFFFFF (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — 3 smorzati e 3 vivaci su 6 colori.
Alcuni colori sono quasi opposti sulla ruota dei colori e danno alla palette un contrasto complementare.
Complessivamente la temperatura tende al freddo (4 su 6).
Codici HEX (ordinati): #1F2937, #22D3EE, #D1D5DB, #DDD6FE, #EF4444, #FFFFFF
La tavolozza Web UI Accessibility Tokens combina 6 codici colore:
HEX: #1f2937, RGB: (31, 41, 55); HEX: #ffffff, RGB: (255, 255, 255); HEX: #22d3ee, RGB: (34, 211, 238)
HEX: #ef4444, RGB: (239, 68, 68); HEX: #ddd6fe, RGB: (221, 214, 254); HEX: #d1d5db, RGB: (209, 213, 219)
Versione semplificata della tavolozza dei colori
Tinta di Nero, Bianco, Tinta di Turchese scuro, Sfumatura di Rosso indiano, Sfumatura di Lavanda, Tinta di Grigio chiaro
La combinazione di colori è stata creata da colorslib
Codici colori nella tavolozza
Web UI Accessibility Tokens codici colore HEX, informazioni RGB in tabella
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 |
|---|---|---|
#ffffff | #22d3ee | 1.8 |
#ffffff | #ddd6fe | 1.38 |
#ffffff | #d1d5db | 1.47 |
#22d3ee | #ddd6fe | 1.3 |
#22d3ee | #d1d5db | 1.22 |
#ddd6fe | #d1d5db | 1.06 |
Tavolozza immagini Web UI Accessibility Tokens png
Esporta tavolozza
Scarica la "Web UI Accessibility Tokens" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: