Verificatore del contrasto dei colori
Controlla localmente il contrasto tra il colore di primo piano e quello di sfondo secondo la formula della luminanza relativa WCAG, valuta separatamente le soglie per il testo normale del corpo e per il testo di grandi dimensioni AA/AAA e supporta l’esportazione dei rapporti.
Come utilizzare il verificatore del contrasto dei colori
I valori dei colori vengono usati per calcolare la luminanza relativa e il contrasto solo nel browser corrente; non vengono caricati né salvati.
Inserisci due colori
Usa il selettore colori o incolla un valore #RRGGBB per impostare il colore di primo piano e il colore di sfondo; l’anteprima si aggiornerà in modo sincronizzato.
Soglia di verifica
Fai clic su Controlla per visualizzare separatamente lo stato di superamento del testo normale AA, del testo normale AAA e del testo di grandi dimensioni AA.
Copia record di controllo
Dopo il superamento della verifica, puoi copiare il report o scaricare TXT, che registra i valori dei colori, i rapporti e i risultati delle soglie di ogni livello.
Limiti e note
- La prima versione accetta solo valori #RGB o #RRGGBB senza trasparenza; per i colori semitrasparenti è necessario determinare prima lo sfondo effettivo della composizione.
- 4.5:1 si applica al testo normale AA, 3:1 si applica al testo di grandi dimensioni AA, 7:1 è la soglia di riferimento per il testo normale AAA; è inoltre necessario verificare dimensione del carattere, peso del carattere e contrasto degli elementi non testuali.
- Lo strumento calcola solo una coppia di colori uniformi; non simula sfumature, immagini, ombre, rendering dei caratteri o sfondi complessi.
Domande frequenti
Che cosa significa 4.5:1?
È la soglia minima di contrasto WCAG per il testo normale del corpo; la soglia AA per il testo del corpo di grandi dimensioni AA è 3:1.
Perché non è possibile determinare direttamente i colori trasparenti?
Il colore finale del primo piano o dello sfondo trasparente dipende dall’ordine di composizione e dall’immagine sottostante; è più affidabile determinare prima il colore pieno visualizzato effettivamente.
Un contrasto conforme garantisce automaticamente l’accessibilità?
Non necessariamente. Occorre controllare anche la dimensione del carattere, il peso del carattere, gli stati, lo stato attivo, i componenti non testuali, gli sfondi delle immagini e l’effetto visivo sui dispositivi effettivi.