Creato a 07/14/2025 07:46
Digital Accessibility Testing Kit
- Text Contrast Black#111111
- Alt Label Yellow#ffe066
- Background White#fdfdfd
- Keyboard Indigo#6c63ff
- Focus Lime#c1fba4
- Error Red#e63946
La tavolozza è composta da Buio, Leggero, Semi scuro colori. Colori accentati Alt Label Yellow #ffe066 e Keyboard Indigo #6c63ff. La tavolozza ha la temperatura del colore Neutro, Caldo, Freddo.
Per luminosità, la tavolozza va da #111111 (più scuro) a #FDFDFD (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): #111111, #6C63FF, #C1FBA4, #E63946, #FDFDFD, #FFE066
La tavolozza Digital Accessibility Testing Kit ha una combinazione di colori dei codici 6:
ESADECIMALE: #111111, RGB: (17, 17, 17); ESADECIMALE: #ffe066, RGB: (255, 224, 102); ESADECIMALE: #fdfdfd, RGB: (253, 253, 253)
ESADECIMALE: #6c63ff, RGB: (108, 99, 255); ESADECIMALE: #c1fba4, RGB: (193, 251, 164); ESADECIMALE: #e63946, RGB: (230, 57, 70)
Versione semplificata della tavolozza dei colori
Ombra di Nero, Ombra di gold, Tonalità di Bianco, Tonalità di mediumslateblue, Ombra di palegreen, Ombra di crimson
La combinazione di colori è stata creata da colourlock
Codici colori nella tavolozza
Digital Accessibility Testing Kit codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #111111 | #111111 | RGB(17, 17, 17) | Text Contrast Black | Dreamless Sleep |
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Alt Label Yellow | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Background White | Brilliance |
| #6c63ff | #6c63ff | RGB(108, 99, 255) | Keyboard Indigo | — |
| #c1fba4 | #c1fba4 | RGB(193, 251, 164) | Focus Lime | — |
| #e63946 | #e63946 | RGB(230, 57, 70) | Error Red | — |
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 |
#ffe066 | #fdfdfd | 1.28 |
#ffe066 | #c1fba4 | 1.09 |
#fdfdfd | #c1fba4 | 1.17 |
#6c63ff | #e63946 | 1.03 |
Tavolozza immagini Digital Accessibility Testing Kit png
Esporta tavolozza
Scarica la "Digital Accessibility Testing Kit" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: