Verificatore di contrasto dei colori
Rapporto di contrasto WCAG tra testo e sfondo, con esito AA/AAA e anteprima dal vivo.
Strumenti correlati
Tutti gli strumenti: Colori e CSS →Apri Verificatore di contrasto dei colori e ottieni subito una risposta, senza creare un account. È collocato sotto Colori e CSS nel nostro catalogo, accanto a Invertitore di colore e Generatore di schemi di colore.
Come si usa
- Apri lo strumento — senza registrazione né installazione.
- Inserisci i tuoi dati o regola le opzioni disponibili.
- Ottieni il risultato all'istante, poi copialo o scaricalo.
Domande frequenti
Che cos'è Verificatore di contrasto dei colori?
Rapporto di contrasto WCAG tra testo e sfondo, con esito AA/AAA e anteprima dal vivo.
In quali casi si usa davvero?
Portare un colore da uno strumento di design a un foglio di stile, costruire una palette attorno a un colore di marca e verificare che il testo vi resti leggibile.
Qual è l'errore più comune?
Giudicare il contrasto a occhio. Due colori che sembrano distinti su un monitor luminoso possono fallire nettamente il rapporto di accessibilità, ed è quel rapporto che un audit misurerà.
In cosa differisce Verificatore di contrasto dei colori da Invertitore di colore?
Sono vicini ma rispondono a domande diverse: Invertitore di colore è quello da aprire quando si tratta di inverti un colore (255 − RGB) o prendi il complementare, in HEX/RGB/HSL/CMYK con il contrasto. Scegli quello che corrisponde al tuo punto di partenza — entrambi sono gratuiti.
Esiste uno strumento per il passo successivo?
Generatore di schemi di colore è il più vicino dopo questo: Deriva schemi complementare, analogo, triadico, tetradico, diviso e monocromatico da un colore base.
Cos'altro conviene tenere aperto accanto?
Selettore di colore da immagine e Generatore di palette di colori: ricorrono nella stessa attività abbastanza spesso da meritare una seconda scheda.
Da dove vengono i dati?
Le conversioni tra HEX, RGB e HSL sono esatte. Il contrasto segue la formula di luminanza relativa WCAG 2; il CMYK dipende dal dispositivo, quindi un valore a schermo è un'approssimazione della stampa.