Calcolatore del rapporto di contrasto colore WCAG
Misura il rapporto di contrasto WCAG tra un colore di primo piano e uno di sfondo per confermare che il tuo testo sia leggibile e accessibile.
Higher is more readable (max 21:1)
- 1
Fg relative luminance
0.2126×0,0103 + 0.7152×0,0103 + 0.0722×0,0103 = 0,0103Each sRGB channel is gamma-linearised (transfer function) then weighted per WCAG - 2
Bg relative luminance
0.2126×1 + 0.7152×1 + 0.0722×1 = 1 - 3
Contrast ratio
(1 + 0.05) ÷ (0,0103 + 0.05) = 17,40
Come funziona questo calcolatore?
Il rapporto di contrasto WCAG è (luminanza più chiara + 0,05) / (luminanza più scura + 0,05), con un intervallo da 1:1 a 21:1. Punta ad almeno 4,5:1 per il testo normale e 3:1 per il testo grande per soddisfare AA, oppure 7:1 e 4,5:1 per AAA. Inserisci due colori esadecimali per verificare all'istante.
Formula
How this is calculated
Inserisci un colore esadecimale di primo piano (testo) e uno di sfondo. Sono accettate sia la forma abbreviata a 3 cifre (#fff) sia quella a 6 cifre (#ffffff), con o senza il "#" iniziale.
Ogni colore viene convertito nella sua luminanza relativa. Il valore del canale a 8 bit viene diviso per 255, poi linearizzato: se il risultato s è minore o uguale a 0,03928 viene diviso per 12,92, altrimenti diventa ((s + 0,055) / 1,055) elevato alla potenza 2,4. I valori linearizzati di rosso, verde e blu vengono ponderati rispettivamente con 0,2126, 0,7152 e 0,0722 e sommati per ottenere la luminanza L. Il rapporto di contrasto è (Lpiùchiaro + 0,05) / (Lpiùscuro + 0,05), dove il termine 0,05 modella il riflesso ambientale. I rapporti vanno da 1:1 (colori identici) a 21:1 (nero puro su bianco puro).
Le soglie WCAG 2.1 determinano i risultati di conformità: AA richiede almeno 4,5:1 per il testo normale e 3:1 per il testo grande (all'incirca 18pt, o 14pt grassetto); AAA richiede 7:1 per il testo normale e 4,5:1 per il testo grande. Il calcolo è simmetrico, quindi scambiare primo piano e sfondo dà lo stesso rapporto. Valuta solo il colore e non tiene conto di opacità, anti-aliasing o livelli sovrapposti.
Domande frequenti
Almeno 4,5:1 per il testo del corpo normale e 3:1 per il testo grande (circa 18pt normale o 14pt grassetto). Per il livello più rigoroso AAA servono 7:1 per il normale e 4,5:1 per il grande.
No. La formula usa la luminanza più chiara e quella più scura indipendentemente da quale colore etichetti come primo piano, quindi scambiando i due input si ottiene lo stesso rapporto.
Il bianco puro ha una luminanza relativa di 1 e il nero puro di 0. Inserendoli in (1 + 0,05) / (0 + 0,05) si ottiene esattamente 21, il contrasto più alto raggiungibile.
Conosciuto anche come
TG we-Calculate Editorial Team. (2026). Calcolatore del rapporto di contrasto colore WCAG [Online calculator]. TG we-Calculate. https://we-calculate.com/it/calculator/color-contrast-ratio-calculator
TG we-Calculate Editorial Team. "Calcolatore del rapporto di contrasto colore WCAG." TG we-Calculate. 2026. https://we-calculate.com/it/calculator/color-contrast-ratio-calculator.
TG we-Calculate Editorial Team, "Calcolatore del rapporto di contrasto colore WCAG," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/it/calculator/color-contrast-ratio-calculator
@misc{wecalculate_color_contrast_ratio_calculator, title = {Calcolatore del rapporto di contrasto colore WCAG}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/it/calculator/color-contrast-ratio-calculator}}, year = {2026}, note = {TG we-Calculate} }
Questo calcolatore ti è stato utile?