Verifica contrasto colori: WCAG AA e AAA – Gratis
Gratis, senza registrazione, funziona nel browser. Verifica se il testo è leggibile sul suo sfondo con il rapporto di contrasto WCAG, vedi i risultati AA e AAA per testo normale, testo grande e controlli, e ottieni il colore più vicino che supera la verifica.
Il testo grande si legge così
Il testo normale del corpo appare così. Quel vituperabile xenofobo zelante assaggia il whisky ed esclama: alleluja! E il testo piccolo, come una didascalia, sta sotto.
Testo piccolo: didascalia a 14px.
PulsanteRapporto di contrasto13.08:1
- Testo normale, AA: SuperatoTesto del corpo, almeno 4.5:1
- Testo normale, AAA: SuperatoAvanzato, almeno 7:1
- Testo grande, AA: Superato18pt+, o 14pt+ grassetto, almeno 3:1
- Testo grande, AAA: SuperatoAvanzato, almeno 4.5:1
- Icone e controlli, AA: SuperatoPulsanti, bordi, linee dei grafici: 3:1
Usa la formula di contrasto WCAG 2. I rapporti non vengono mai arrotondati per eccesso, quindi 4.49:1 non vale come 4.5:1. Verificato sul tuo dispositivo.
Perché usare Verifica contrasto colori
- 100% gratis
- Usalo tutte le volte che vuoi. Senza registrazione, senza filigrana, niente da installare.
- Privato per natura
- Quello che scrivi resta nel tuo browser e non ci viene mai inviato.
- Funziona su qualsiasi dispositivo
- Funziona nel browser su Windows, Mac, Linux, Android e iPhone. Nessuna app necessaria.
Come usare Verifica contrasto colori
- Inserisci il colore del testo e il colore di sfondo, oppure selezionali.
- Leggi il rapporto di contrasto e i risultati superato o non superato.
- Se non supera la verifica, fai clic su un colore suggerito che la supera.
Domande frequenti
- Che rapporto di contrasto mi serve?
- WCAG AA richiede 4.5:1 per il testo normale e 3:1 per il testo grande e gli elementi dell'interfaccia come pulsanti e icone. AAA richiede 7:1 e 4.5:1.
- Cosa si intende per testo grande?
- Almeno 18 punti (24px) normale, o 14 punti (circa 18.7px) grassetto.
- Gestisce i colori del testo trasparenti?
- Sì. Un colore del testo trasparente viene fuso con lo sfondo prima di misurare il contrasto.
- Perché 4.49:1 non supera la verifica?
- Le WCAG stabiliscono che i rapporti non vanno arrotondati per eccesso, quindi tutto ciò che è sotto 4.5:1 non soddisfa AA per il testo normale.
- Verifica contrasto colori è gratis?
- Sì. È gratis da usare, senza registrazione e senza niente da installare.
Strumenti correlati
- Convertitore colori da HEX a RGBConverti un colore tra HEX, RGB, HSL, HSV e CMYK in un solo passaggio, trasparenza compresa. Incolla un codice in qualsiasi formato o scegli un colore, poi copia il formato che ti serve e verifica il contrasto del testo.
- Generatore di palette coloriGenera palette di colori premendo un tasto, blocca i colori che ti piacciono, o creane una da un colore base con armonie analoghe, complementari o triadiche. Esporta come variabili CSS, Tailwind o JSON.
- Trova nome coloreTrova il nome di qualsiasi colore: incolla un codice HEX, RGB o HSL e ottieni i nomi di colore CSS più vicini, una descrizione semplice e l'elenco completo dei 148 colori con nome da sfogliare.