Verifica il rapporto di contrasto tra due colori rispetto ai livelli di accessibilità WCAG AA e AAA.
Come usare Controllo contrasto
Scegli un colore per il testo e uno per lo sfondo.
Leggi il rapporto di contrasto e i badge di superamento/non superamento WCAG.
Regola i colori finché non superano il livello di cui hai bisogno.
Domande frequenti
WCAG AA richiede 4,5:1 per il testo normale e 3:1 per il testo grande (18pt o 14pt grassetto). AAA richiede rispettivamente 7:1 e 4,5:1.
Testo di almeno 24px (18pt), o 18,66px (14pt) quando in grassetto. Il testo grande può avere un rapporto di contrasto più basso.
Dalla luminanza relativa di ciascun colore usando la formula WCAG ufficiale, che dà un valore da 1:1 (nessun contrasto) a 21:1 (nero su bianco).
Un controllo del contrasto dei colori WCAG che mostra il rapporto di contrasto esatto tra un colore del testo e uno di sfondo e se soddisfa i livelli di accessibilità AA e AAA.
Scegli i colori con il selettore o tramite codice hex e visualizza un'anteprima live. Un buon contrasto rende il tuo sito leggibile e accessibile.
Strumenti correlati
Genera hash SHA-1, SHA-256, SHA-384 e SHA-512 di qualsiasi testo, direttamente nel tuo browser.
Converti i colori tra HEX, RGB e HSL con un'anteprima in tempo reale.
Converti i timestamp Unix in date leggibili e viceversa: UTC, locale, ISO 8601 e tempo relativo. Secondi e millisecondi vengono rilevati automaticamente.
Codifica e decodifica URL e componenti URL in percentuale, compatibile con UTF-8.
Utilizziamo cookie essenziali per far funzionare il sito. Con il tuo consenso carichiamo anche Google AdSense, che imposta cookie pubblicitari. Consulta la nostra informativa sulla privacy.