Loading...
Creato a 06/22/2025 07:14
UI Accessibility Compliance Set
- Readable Navy#2b2d42
- Warning Amber#ffc107
- Alt Text Ice#dff3f7
- Action Pink#f67280
- Guide Gray#cdd6d5
- Light Cream#fffcf2
La tavolozza è composta da Buio, Leggero colori. Colori accentati Alt Text Ice #dff3f7 e Light Cream #fffcf2. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #2B2D42 (più scuro) a #FFFCF2 (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).
Complessivamente la temperatura tende al caldo.
Codici HEX (ordinati): #2B2D42, #CDD6D5, #DFF3F7, #F67280, #FFC107, #FFFCF2
La tavolozza UI Accessibility Compliance Set ha una combinazione di colori dei codici 6:
ESADECIMALE: #2b2d42, RGB: (43, 45, 66); ESADECIMALE: #ffc107, RGB: (255, 193, 7); ESADECIMALE: #dff3f7, RGB: (223, 243, 247)
ESADECIMALE: #f67280, RGB: (246, 114, 128); ESADECIMALE: #cdd6d5, RGB: (205, 214, 213); ESADECIMALE: #fffcf2, RGB: (255, 252, 242)
Versione semplificata della tavolozza dei colori
Ombra di midnightblue, Tonalità di gold, Tonalità di azure, Tonalità di lightcoral, Ombra di lightgrey, Ombra di floralwhite
La combinazione di colori è stata creata da raccoon
Codici colori nella tavolozza
UI Accessibility Compliance Set codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #2b2d42 | #2b2d42 | RGB(43, 45, 66) | Readable Navy | — |
| #ffc107 | #ffc107 | RGB(255, 193, 7) | Warning Amber | — |
| #dff3f7 | #dff3f7 | RGB(223, 243, 247) | Alt Text Ice | — |
| #f67280 | #f67280 | RGB(246, 114, 128) | Action Pink | — |
| #cdd6d5 | #cdd6d5 | RGB(205, 214, 213) | Guide Gray | — |
| #fffcf2 | #fffcf2 | RGB(255, 252, 242) | Light Cream | — |
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 |
#ffc107 | #dff3f7 | 1.42 |
#ffc107 | #f67280 | 1.68 |
#ffc107 | #cdd6d5 | 1.1 |
#ffc107 | #fffcf2 | 1.58 |
#dff3f7 | #cdd6d5 | 1.29 |
#dff3f7 | #fffcf2 | 1.11 |
Tavolozza immagini UI Accessibility Compliance Set png
Esporta tavolozza
Scarica la "UI Accessibility Compliance Set" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: