ToolPronto

Controlla contrasto e palette

Misura il contrasto, trova alternative valide e copia i colori CSS.

I colori vengono calcolati localmente.

I preferiti vengono salvati solo in questo browser.

Verifica colori

Controllo del contrasto del testo

Verifica una coppia testo-sfondo con le soglie WCAG 2.x.

Colore del testoColore di sfondo

La leggibilità di un colore dipende dal contesto reale.La leggibilità di un colore dipende dal contesto reale.

Rapporto di contrasto: 16.68:1
Testo normale AA: ✓ Superato
Testo grande AA: ✓ Superato

Formati colore

#17201Brgb(23 32 27)hsl(147 16% 11%)

Verifica colori

Palette di cinque colori

Genera, blocca, verifica, simula ed esporta una palette riutilizzabile.

Anteprima palette

Questa anteprima ripetibile è un’approssimazione, non una diagnosi né un test di conformità. I colori esportati restano invariati.

Verifica contrasto della palette originale

In ogni riga, il primo colore è il testo e il secondo lo sfondo.

Colore 1 su colore 2#096447 / #E2F3EC
6.24:1Testo normale AA: SuperatoTesto normale AAA: Non superatoTesto grande AA: SuperatoTesto grande AAA: Superato
Colore 1 su colore 3#096447 / #17201B
2.32:1Testo normale AA: Non superatoTesto normale AAA: Non superatoTesto grande AA: Non superatoTesto grande AAA: Non superato
Colore 1 su colore 4#096447 / #F4F6F3
6.61:1Testo normale AA: SuperatoTesto normale AAA: Non superatoTesto grande AA: SuperatoTesto grande AAA: Superato
Colore 1 su colore 5#096447 / #6D46D9
1.21:1Testo normale AA: Non superatoTesto normale AAA: Non superatoTesto grande AA: Non superatoTesto grande AAA: Non superato
Colore 2 su colore 1#E2F3EC / #096447
6.24:1Testo normale AA: SuperatoTesto normale AAA: Non superatoTesto grande AA: SuperatoTesto grande AAA: Superato
Colore 2 su colore 3#E2F3EC / #17201B
14.51:1Testo normale AA: SuperatoTesto normale AAA: SuperatoTesto grande AA: SuperatoTesto grande AAA: Superato
Colore 2 su colore 4#E2F3EC / #F4F6F3
1.06:1Testo normale AA: Non superatoTesto normale AAA: Non superatoTesto grande AA: Non superatoTesto grande AAA: Non superato
Colore 2 su colore 5#E2F3EC / #6D46D9
5.18:1Testo normale AA: SuperatoTesto normale AAA: Non superatoTesto grande AA: SuperatoTesto grande AAA: Superato
Colore 3 su colore 1#17201B / #096447
2.32:1Testo normale AA: Non superatoTesto normale AAA: Non superatoTesto grande AA: Non superatoTesto grande AAA: Non superato
Colore 3 su colore 2#17201B / #E2F3EC
14.51:1Testo normale AA: SuperatoTesto normale AAA: SuperatoTesto grande AA: SuperatoTesto grande AAA: Superato
Colore 3 su colore 4#17201B / #F4F6F3
15.35:1Testo normale AA: SuperatoTesto normale AAA: SuperatoTesto grande AA: SuperatoTesto grande AAA: Superato
Colore 3 su colore 5#17201B / #6D46D9
2.80:1Testo normale AA: Non superatoTesto normale AAA: Non superatoTesto grande AA: Non superatoTesto grande AAA: Non superato
Colore 4 su colore 1#F4F6F3 / #096447
6.61:1Testo normale AA: SuperatoTesto normale AAA: Non superatoTesto grande AA: SuperatoTesto grande AAA: Superato
Colore 4 su colore 2#F4F6F3 / #E2F3EC
1.06:1Testo normale AA: Non superatoTesto normale AAA: Non superatoTesto grande AA: Non superatoTesto grande AAA: Non superato
Colore 4 su colore 3#F4F6F3 / #17201B
15.35:1Testo normale AA: SuperatoTesto normale AAA: SuperatoTesto grande AA: SuperatoTesto grande AAA: Superato
Colore 4 su colore 5#F4F6F3 / #6D46D9
5.48:1Testo normale AA: SuperatoTesto normale AAA: Non superatoTesto grande AA: SuperatoTesto grande AAA: Superato
Colore 5 su colore 1#6D46D9 / #096447
1.21:1Testo normale AA: Non superatoTesto normale AAA: Non superatoTesto grande AA: Non superatoTesto grande AAA: Non superato
Colore 5 su colore 2#6D46D9 / #E2F3EC
5.18:1Testo normale AA: SuperatoTesto normale AAA: Non superatoTesto grande AA: SuperatoTesto grande AAA: Superato
Colore 5 su colore 3#6D46D9 / #17201B
2.80:1Testo normale AA: Non superatoTesto normale AAA: Non superatoTesto grande AA: Non superatoTesto grande AAA: Non superato
Colore 5 su colore 4#6D46D9 / #F4F6F3
5.48:1Testo normale AA: SuperatoTesto normale AAA: Non superatoTesto grande AA: SuperatoTesto grande AAA: Superato

Cosa fa Controllo contrasto colori

Calcola il contrasto WCAG e segnala colori della palette difficili da distinguere. Misura il contrasto, trova alternative valide e copia i colori CSS.

Usi comuni

Verificare testo e sfondo.
Trovare un’alternativa accessibile.
Esaminare una palette.

Come si usa

Scegli testo e sfondo.
Controlla rapporto e risultati WCAG.
Regola il colore o copia un valore valido.