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?
Inserisci i colori del primo piano (testo) e dello sfondo.
Controlla il rapporto di contrasto e il livello WCAG (AA/AAA).
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.