Verifica del contrasto dei colori

Come si usa

1. 1
   Compila i campi

   Scrivi i tuoi numeri o scegli le opzioni che ti servono.

2. 2
   Guarda il risultato

   La risposta si aggiorna subito quando cambi un valore.

3. 3
   Usalo

   Copia il risultato o annotalo. Nulla viene inviato da nessuna parte.

About this tool

Enter a text colour and a background colour as hex codes. You see the contrast ratio and whether it passes the WCAG 2 levels: AA needs 4.5 to 1 for normal text and 3 to 1 for large text, AAA needs 7 to 1 and 4.5 to 1. Good contrast helps everyone, especially people with low vision.

When to use it

Check text and background colours against WCAG contrast rules.

Tips

Aim for 4.5:1 for normal text and 3:1 for large text.

Privacy

Everything runs in your browser, so your data is not uploaded or stored.

Esempio svolto

With the boxes at their starting values (Text colour (hex): #1f2937; Background colour (hex): #ffffff), the tool shows: AA, normal text (4.5 : 1): Pass; AA, large text (3 : 1): Pass; AAA, normal text (7 : 1): Pass; AAA, large text (4.5 : 1): Pass; Interface parts and icons (3 : 1): Pass; Contrast ratio: 14.68 : 1. Change any box to see your own numbers. The result updates as you type, and nothing leaves your browser.

Consigli per il miglior risultato

Controlla ogni campo prima di fidarti di un risultato, perché una sola cifra sbagliata cambia tutta la risposta. Usa i numeri esatti di una busta paga, una fattura, un certificato o un contratto e annota la data del calcolo. Aliquote, soglie e regole cambiano di tanto in tanto, quindi per tasse, tariffe e questioni legali considera il risultato una stima e verificalo con la fonte ufficiale indicata in questa pagina. Puoi provare quanti scenari vuoi: nulla viene salvato o inviato e ricaricare la pagina cancella i campi.