Contrast checker: controllo contrasto colori

Confronta i colori di testo e sfondo. Calcola il rapporto di contrasto e verifica le soglie WCAG AA e AAA per testo normale e grande.

Elaborazione nel browser: i dati non vengono caricati.

Imposta i dati

Imposta i dati

Scegli i colori opachi di testo e sfondo. Il rapporto è calcolato dalla luminanza relativa sRGB e confrontato con AA e AAA per testo normale e grande.

Risultato

Il risultato apparirà qui.

Contiamo quali strumenti sono più usati, senza includere nelle statistiche i valori inseriti o il contenuto dei file. Privacy

Come utilizzare lo strumento

  1. Scegli i colori opachi di testo e sfondo.
  2. Il rapporto è calcolato dalla luminanza relativa sRGB e confrontato con AA e AAA per testo normale e grande.

Metodo e principi

Colori opachi sRGB; testo grande: almeno 18 pt oppure 14 pt grassetto.

Solo contrasto testuale WCAG 2.2.

Esempio pratico

Dati inseriti
  • Colore del testo: #000000
  • Colore di sfondo: #ffffff
Risultato
21:1 AA testo normale: Conforme AA testo grande: Conforme AAA testo normale: Conforme AAA testo grande: Conforme

Fonti e approfondimenti

GUIDE PRATICHE

Come controllare il contrasto tra testo e sfondo

Due colori possono sembrare diversi e produrre comunque un testo difficile da leggere. Misura il contrasto della coppia realmente usata, poi controlla dimensione del testo, sfondo e stati dell’interfaccia.

Segui il percorso

Preferiti