Vai al contenuto
Tools

Verifica contrasto gratuita

Rendi più leggibile ogni abbinamento di colori.

Verifica i colori di testo e interfaccia secondo WCAG e correggi un abbinamento senza perderne il carattere.

  • Rapporto di contrasto esatto
  • Correzione accessibile
  • Funziona in questo browser

Scegli i colori

Prova primo piano e sfondo

Inserisci un valore HEX di tre o sei cifre oppure usa i selettori colore.

La tonalità sceglie la famiglia del colore. L’intensità va dal grigio neutro al colore vivido. La luminosità avvicina il risultato al nero o al bianco. Le tre impostazioni insieme creano il colore finale.

{{ t('checker.picker', { label: t('checker.foreground') }) }}

{{ pickerHint('foreground') }}

{{ t('checker.picker', { label: t('checker.background') }) }}

{{ pickerHint('background') }}

Rapporto di contrasto {{ ratioText }}:1 {{ t('score.summary', { passed: passedCount, total: resultRows.length }) }} Dettagli dei risultati
Rapporto di contrasto {{ ratioText }}:1 su un massimo di 21:1

Il rapporto misura la differenza tra chiaro e scuro: 1:1 significa nessun contrasto, e valori più alti sono più facili da distinguere. AA è l’obiettivo abituale; AAA è più rigoroso.

  • {{ result.title }}{{ result.hint }} {{ result.pass ? t('results.pass') : t('results.fail') }}

Anteprima dal vivo

Guarda l’abbinamento nel contesto

Esempio di testo grande

Un buon contrasto rende piacevole leggere i paragrafi su schermi e in condizioni differenti.

Correzione accessibile

Mantieni il colore, correggi il contrasto

La luminosità cambia per prima. Tonalità e intensità restano il più vicine possibile nella gamma visualizzabile.

Correggi primo piano

Questo colore raggiunge già l’obiettivo selezionato.

Modificare solo questo colore non permette di raggiungere l’obiettivo.

Correggi sfondo

Questo colore raggiunge già l’obiettivo selezionato.

Modificare solo questo colore non permette di raggiungere l’obiettivo.

{{ toast }}