Verificare il contrasto dei colori

Scegli due colori e vedi il rapporto, se supera AA e AAA, e che aspetto ha davvero la combinazione — anche con testo giapponese, che è più denso e più difficile da leggere quando il contrasto è basso.

Caricamento dello strumento…

Come funziona

  1. Scegli un colore di testo e uno di sfondo, oppure incolla i valori esadecimali.
  2. Leggi il rapporto e i quattro esiti.
  3. Correggi finché il testo corrente non supera il 4,5:1.

Perché non viene caricato nulla

Ogni operazione di questa pagina la esegue codice che gira dentro la scheda del tuo browser, con lo stesso motore che disegna le pagine web. Il file viene letto dal disco alla memoria della scheda, trasformato lì e riscritto come download. Non viene mai inviato da nessuna parte: né a noi, né a terzi.

Verificalo tu stesso

  1. Apri gli strumenti per sviluppatori del browser (F12) e scegli la scheda «Rete».
  2. Carica il tuo file e avvia lo strumento.
  3. Le uniche richieste che vedrai scaricano il codice dello strumento stesso — e, in pochi strumenti pesanti, il loro motore open source da una CDN pubblica — più un piccolo segnale di visita verso loreatec.jp (indirizzo e titolo della pagina, nulla di più). Nessuna di esse porta con sé il tuo file.

La prova che resta sul tuo dispositivo →

Domande frequenti

Quale soglia vale per me?

4,5:1 per il testo corrente, 3:1 per il testo da 24px in su (19px se in grassetto) e per gli elementi di interfaccia come i bordi dei campi e le icone, 7:1 per il livello AAA. Se devi ricordare un numero solo, ricorda 4,5.

Il mio progetto supera la soglia ma si legge ancora male.

Il rapporto di contrasto non misura il peso del carattere, la dimensione né la spaziatura, e un carattere sottile e chiaro a 4,5:1 è davvero scomodo. Il riquadro di anteprima serve proprio a farti giudicare con gli occhi oltre che con il numero — soprattutto per il giapponese, dove i kanji fitti a dimensioni piccole hanno bisogno di più contrasto di quanto la formula pretenda.