Convertitore di colori HEX, RGB e HSL
Converte fra le notazioni di colore del web e calcola il rapporto di contrasto per l'accessibilità.
ConvertitoriTre modi di scrivere lo stesso colore
HEX e RGB dicono la stessa cosa in due alfabeti diversi: quanto rosso, quanto verde, quanto blu. HSL invece descrive il colore come lo descriverebbe una persona — che tinta è, quanto è acceso, quanto è chiaro — ed è per questo che è molto più comodo quando serve una variante: schiarire un colore in HSL significa cambiare un numero, in HEX significa ricalcolarne tre.
Il rapporto di contrasto
È la misura che dice se un testo di un colore è leggibile su uno sfondo di un altro. Le linee guida di accessibilità chiedono almeno 4,5 per il testo normale e 3 per il testo grande; il livello più severo chiede 7. Non è un dettaglio estetico: sotto quella soglia il testo diventa faticoso per molte persone e illeggibile per alcune.
Perché non basta guardarlo
Il calcolo non usa la media dei tre canali, ma li pesa: l'occhio percepisce il verde molto più del blu. Un giallo acceso e un blu acceso possono sembrare entrambi "vivaci" e avere contrasti opposti su fondo bianco. È per questo che il rapporto va calcolato, non stimato a occhio.
Domande frequenti
Sono i due livelli delle linee guida di accessibilità: AA chiede un rapporto di almeno 4,5 per il testo normale, AAA almeno 7. AA è la soglia richiesta dalla maggior parte delle normative.
Sì, la forma HEX a tre cifre viene riconosciuta: #0af equivale a #00aaff.