Vai al contenuto

Controllo contrasto colori

Strumento online gratuito per controllare il contrasto. Misura il rapporto di contrasto WCAG AA/AAA, verifica l'accessibilità web. Elaborato nel browser.

Verifica del contrasto cromatico online gratuita che testa il rapporto di contrasto tra due colori rispetto agli standard di accessibilità WCAG 2.1 (AA, AAA). Tutta l'elaborazione avviene nel browser: nessuna comunicazione con il server. Essenziale per la conformità all'accessibilità web e la convalida del design UI.

Primo piano
Sfondo
21.00:1
Rapporto di contrasto
Testo normale
AA (4.5:1)Superato
AAA (7:1)Superato
Testo grande
AA (3:1)Superato
AAA (4.5:1)Superato
Anteprima

Ma la volpe col suo balzo ha raggiunto il quieto Fido 1234567890

Ma la volpe col suo balzo ha raggiunto il quieto Fido 1234567890

lock I file non vengono inviati ad alcun server

Come usare Controllo contrasto colori?

  1. Inserisci i colori del primo piano (testo) e dello sfondo.
  2. Controlla il rapporto di contrasto e il livello WCAG (AA/AAA).
  3. Regola i colori secondo necessità per soddisfare gli standard.

Domande frequenti su Controllo contrasto colori

Qual è la differenza tra WCAG AA e AAA?

L'AA richiede 4,5:1 per il testo normale e 3:1 per il testo grande. L'AAA è più rigoroso, con 7:1 e 4,5:1 rispettivamente.

Cosa faccio se il mio rapporto di contrasto non passa?

Schiarisci o scurisci i colori per aumentare il contrasto. Lo strumento mostra i risultati in tempo reale mentre regoli.