Verifica contrasto colori
Verifica se il testo si legge bene sul suo sfondo, con il rapporto di contrasto WCAG e i risultati AA e AAA. Se non passa, ottieni il colore più vicino che passa.
Funziona nel tuo browser. I tuoi file non vengono mai caricati né conservati.
Esempio di testo grande
Ecco come appare il testo normale con questi colori.
rapporto di contrasto
- AA, testo normale ≥ 4.5:1
- AA, testo grande ≥ 3:1
- AAA, testo normale ≥ 7:1
- AAA, testo grande ≥ 4.5:1
- Icone e pulsanti ≥ 3:1
Qualcosa non funziona o manca un’opzione?
Come usare: Verifica contrasto colori
- Scegli o scrivi i colori di testo e sfondo.
- Leggi il rapporto di contrasto e quali livelli passano.
- Se non passa, usa il colore suggerito.
Domande
A quale livello puntare?
AA è lo standard abituale, legale e di design: 4,5:1 per il testo normale e 3:1 per il testo grande. AAA è più severo.
I miei file vengono caricati?
No. Lo strumento funziona nel tuo browser e la pagina non può inviare dati da nessuna parte. Puoi verificarlo staccando internet: continua a funzionare.
Componenti open source
Questo strumento usa solo funzioni del browser: nessun codice di terzi.