Analizzatore di contrasto colori

Analizzatore di contrasto colori rapido e conforme agli standard, per progettisti e sviluppatori, per verificare che il testo sia leggibile su sfondi.

Request Feature / Support
6,200+
Total Calculations Run
< 15ms
Browser Execution Speed
100%
Client-Side Privacy
4.9 / 5.0
User Satisfaction
AI Web Tool Generator

Build Your Own Custom Web Calculator in Seconds

Type what tool or calculator you need below. Our AI will build it instantly for your site.

Popular ideas:
100% FREE • No Credit Card Required

Informazioni su questo strumento

Questo strumento calcola rapporti di contrasto WCAG conformi per le coppie colore primo piano/sfondo. Tiene conto dei contesti di dimensione del testo per indicare Pass/Fail per testo normale e grande, e riporta un rapporto numerico con una valutazione di accessibilità.
In pratica accetta colore primo piano, colore sfondo e dimensione del font in px, converte i colori in luminanza sRGB e applica la formula di rapporto standard. Le soglie seguono WCAG: 4,5:1 per testo normale AA, 7:1 per testo normale AAA; 3:1 per grande AA e 4,5:1 per grande AAA. Funzionalità opzionali includono gestione alfa, simulazioni di daltonismo e raccomandazioni di colori in modalità avanzata.
Il pubblico di riferimento sono designer, ingegneri frontend, professionisti di accessibilità e team di prodotto che cercano risultati rapidi, precisi e in linea con gli standard. Il valore unico è la valutazione basata sulla dimensione del testo con stato Pass/Fail chiaro e uscite esportabili per remediation e governance.

Come usare

  1. Inserisci colori primo piano e sfondo e la dimensione del font in px.
  2. Esegui il calcolo per ottenere il rapporto di contrasto e lo stato di conformità per testo normale e grande.
  3. Esamina i risultati; se necessario, modifica colori o dimensione del testo.
  4. Usa le alternative di colore consigliate per raggiungere rapidamente gli obiettivi AA/AAA.
  5. Esporta o copia il risultato per la documentazione.
How to use online color contrast analyzer

Frequently Asked Questions

Trova risposte rapide

Cos'è il rapporto di contrasto colori?
Il rapporto è una metrica WCAG calcolata dalla luminanza relativa tra il testo e lo sfondo. È espresso come x:1 con x ≥ 1; valori più alti indicano una migliore leggibilità. Lo strumento riporta il valore numerico e la valutazione per ciascuna dimensione del testo.
Come vengono applicate le soglie?
Per il testo normale, WCAG AA richiede almeno 4,5:1 e AAA 7:1. Per testo grande vale 3:1 AA e 4,5:1 AAA. Lo strumento applica queste soglie per determinare Pass o Fail per ogni contesto di testo.
Come viene gestita la trasparenza?
Se un colore contiene alfa, viene sfumato su bianco di default prima di calcolare la luminanza. Questo fornisce un colore effettivo. In modalità avanzata è possibile modificare questo comportamento o mostrare le input grezze per analisi esperte.
Quali formati di input sono supportati?
Lo strumento accetta hex (#RRGGBB o #RGB), rgb()/rgba() e nomi di colori CSS. Se un input non è parsabile, il risultato indica un codice di errore invece di un messaggio UI.

Need to run multiple calculations?

Create a free account today to unlock unlimited daily runs, access advanced parameters, save your history, and request custom features.

Register Free Account

Related Tools

Other useful calculators and utilities you might like

Color & Design Tools

Convertitore Spotify a MP3

Converte file audio forniti localmente in MP3, consentendo l’ascolto offline e la compatibilità tra...

Color & Design Tools

Calcolatore Distanza Stradale

Calcolatore di distanza stradale per viaggiatori, pianificatori logistici e conducenti per stimare r...

Color & Design Tools

Calcolatore Età

Determina rapidamente l’età di una persona dal suo data di nascita con il nostro calcolatore gratuit...

Color & Design Tools

Convertitore di valute

Converter rapidamente importi tra diverse valute con il nostro convertitore di valuta online gratuit...

Il tuo feedback è importante

Aiutaci a migliorare