Verifica Contrasto
Verifica gratuita online del contrasto colori per l'accessibilità WCAG AA e AAA. Inserisci i colori del testo e dello sfondo per verificare la conformità istantaneamente.
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
21:1
Contrast Ratio
| WCAG AA | WCAG AAA | |
|---|---|---|
| Normal Text | ||
| Large Text |
Come funziona
- Inserisci il colore del testo come codice HEX (es. #333333) o selezionalo con il selettore colore.
- Inserisci il colore di sfondo nello stesso modo.
- Clicca il pulsante di verifica per calcolare immediatamente il rapporto di contrasto.
- Controlla i risultati per verificare la conformità ai livelli WCAG AA o AAA.
- Modifica i colori secondo necessità finché non raggiungi il livello di accessibilità desiderato.
Esempio
Input: Colore testo: #1a1a1a, Colore sfondo: #ffffff
Risultato: Rapporto di contrasto: 19.32:1 — Supera WCAG AA e AAA per testo normale e grande
FAQ
Il rapporto di contrasto misura la differenza di luminosità relativa tra due colori. Va da 1:1 (nessun contrasto) a 21:1 (contrasto massimo). Un buon contrasto è essenziale per rendere il testo leggibile da tutti gli utenti, inclusi quelli con problemi visivi.
Il livello AA richiede un rapporto minimo di 4.5:1 per il testo normale e 3:1 per il testo grande (18pt o 14pt in grassetto). Il livello AAA, più severo, richiede 7:1 per il testo normale e 4.5:1 per il testo grande.
Sì, i tuoi dati sono completamente al sicuro. Tutta l'elaborazione avviene lato client, direttamente nel tuo browser. Nessun dato sui colori o qualsiasi altra informazione viene inviata ad alcun server.
In Italia, la Legge Stanca (n. 4/2004) e le sue successive modifiche impongono requisiti di accessibilità digitale per i siti pubblici. Le linee guida WCAG 2.1 AA sono lo standard di riferimento anche per i siti privati.
Sì, lo strumento supporta i codici HEX, i valori RGB e il selettore visivo di colori. Usa il formato che preferisci per ottenere risultati accurati.