Creato a 07/20/2025 20:08
Accessibility-First Web Component Kit
- Readable White#ffffff
- Compliant Blue#3f88c5
- TouchSafe Yellow#ffd447
- Focus Indigo#5e60ce
- NoContrast Red#da1e37
La tavolozza è composta da Leggero colori. Colori accentati Compliant Blue #3f88c5 e TouchSafe Yellow #ffd447. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
Per luminosità, la tavolozza va da #DA1E37 (più scuro) a #FFFFFF (più chiaro). L’intervallo di luminosità è moderato.
La saturazione complessiva risulta vivida (croma alto).
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
Note calde e fredde sono abbastanza bilanciate.
Codici HEX (ordinati): #3F88C5, #5E60CE, #DA1E37, #FFD447, #FFFFFF
La tavolozza Accessibility-First Web Component Kit ha una combinazione di colori dei codici 5:
ESADECIMALE: #ffffff, RGB: (255, 255, 255); ESADECIMALE: #3f88c5, RGB: (63, 136, 197); ESADECIMALE: #ffd447, RGB: (255, 212, 71)
ESADECIMALE: #5e60ce, RGB: (94, 96, 206); ESADECIMALE: #da1e37, RGB: (218, 30, 55)
Versione semplificata della tavolozza dei colori
Bianco, Ombra di steelblue, Ombra di gold, Ombra di slateblue, Ombra di crimson
La combinazione di colori è stata creata da colourlock
Codici colori nella tavolozza
Accessibility-First Web Component Kit codici colore HEX, informazioni RGB in tabella
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 |
#ffffff | #ffd447 | 1.42 |
#3f88c5 | #5e60ce | 1.37 |
#3f88c5 | #da1e37 | 1.31 |
#5e60ce | #da1e37 | 1.04 |
Tavolozza immagini Accessibility-First Web Component Kit png
Esporta tavolozza
Scarica la "Accessibility-First Web Component Kit" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: