Vai al contenuto

Verifica del contrasto FREE

Misura il contrasto fra due colori secondo WCAG 2.2, guarda quali requisiti la coppia soddisfa e ottieni la tinta più vicina che raggiunge quello mancante.

Uso gratuito Nessuna registrazione Privacy al primo posto

HEX, rgb(), hsl(), hwb(), oklch(), oklab(), lab(), lch(), color(display-p3 ...) o un nome di colore CSS.

Recenti

Contrasto

APCA (bozza, informazione aggiuntiva)

APCA è il modello di contrasto percettivo redatto per WCAG 3. Oggi non è un requisito di conformità e diverge da WCAG 2 in entrambe le direzioni, perciò è mostrato come informazione aggiuntiva e mai come esito positivo o negativo.

Come viene

Ogni conversione, ogni tavolozza e ogni valore di contrasto di questa pagina è calcolato nel tuo browser. Un'immagine trascinata qui viene letta su un canvas in questa scheda e non viene mai caricata.

Come funziona

Che cosa significa il rapporto

Il rapporto segue la definizione di WCAG 2.2: la luminanza relativa del colore più chiaro più 0,05, divisa per la stessa del più scuro. 4,5:1 è il requisito AA per il testo normale, 3:1 per il testo grande e per i componenti di interfaccia, e 7:1 è AAA. Un colore semitrasparente viene prima composto sul colore della pagina, come lo dipinge un browser.

Quando una coppia manca l'obiettivo, il suggerimento è la tinta più vicina dello stesso colore che lo raggiunge, cercata per luminosità e croma in OKLCH e rimisurata dopo l'arrotondamento a otto bit: il valore che copi è quindi quello che passa davvero. Soddisfare un requisito di contrasto è un criterio di successo fra molti e da solo non rende accessibile una pagina.

Costruisci un web migliore, più in fretta.

Sviluppiamo software e soluzioni su misura per le tue esigenze.

Contattaci