Contrasto dei colori (WCAG)
Inserisci i due colori in esadecimale (#1f2937) o come rgb(31, 41, 55).
Risultato
4,54:1Rapporto di contrasto
- AA, testo normale (4,5:1)
- ✓
- AA, testo grande (3:1)
- ✓
- AAA, testo normale (7:1)
- ✕
- AAA, testo grande (4,5:1)
- ✓
- Colori letti
- #767676 / #ffffff
Dati inseriti
- Colore del testo
- #767676
- Colore dello sfondo
- #ffffff
Come si calcola
La luminanza relativa di ogni colore è calcolata dai suoi canali sRGB linearizzati.
Risultato
Rapporto di contrasto
- AA, testo normale (4,5:1)
- ✓
- AA, testo grande (3:1)
- ✓
- AAA, testo normale (7:1)
- ✕
Come si calcola
- La luminanza relativa di ogni colore è calcolata dai suoi canali sRGB linearizzati.
- Rapporto = (L chiara + 0,05) ÷ (L scura + 0,05), da 1:1 a 21:1.
- Il rapporto è confrontato con le soglie WCAG 2 senza arrotondamento.
Esempio
#767676 su bianco dà 4,54:1: conforme AA per il testo normale, non AAA.
Da sapere
- Un testo grande misura almeno 24 px, o 18,66 px in grassetto.
- Trasparenza e sfumature non sono considerate.
Domande frequenti
A cosa serve questo strumento?
Inserisci i due colori in esadecimale (#1f2937) o come rgb(31, 41, 55).
Come viene calcolato il risultato?
La luminanza relativa di ogni colore è calcolata dai suoi canali sRGB linearizzati.
Cosa devo controllare prima di usare il risultato?
Un testo grande misura almeno 24 px, o 18,66 px in grassetto.