Controllo del Contrasto Colore

Un controllo del contrasto colore preciso per designer e sviluppatori web per garantire colori di primo piano e sfondo accessibili su tutti i schermi.

Tool coming soon!

We're working hard to get this tool ready for you.

Request Feature / Support
3,280+
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

Lo strumento accetta due colori in esadecimale, RGB o nomi. Normalizza gli input, calcola la luminanza relativa e restituisce il rapporto di contrasto.
Gli output tipici includono un rapporto numerico e uno stato pass/fail per gli obiettivi WCAG AA e AAA.
Esempio: sfondo #FFFFFF su primo piano #000000 produce 21:1 e supera entrambi gli obiettivi.
Dietro le quinte usa la normale correzione gamma sRGB e formule WCAG conformi. La luminanza si ottiene dai componenti RGB lineari, quindi il rapporto si calcola come (L1+0.05)/(L2+0.05), L1 è la tinta più chiara.
Indica anche combinazioni di colori non ideali e spiega il perché.
Destinatari: designer UI/UX, sviluppatori frontend, ingegneri di accessibilità e responsabili di contenuti che necessitano di controlli rapidi durante la selezione di palette, modifiche di testo o aggiornamenti di tema.
Supporta controlli in batch tramite più coppie di input e fornisce un rapporto strutturato.

Come usare

  1. Fornire gli input: inserire colori primo piano e sfondo in hex, RGB o nomi.
  2. Valida i colori: gli input sono obbligatori e devono essere valori CSS validi.
  3. Esegui calcolo: lo strumento calcola luminanza, rapporto di contrasto e stato pass/fail.
  4. Rivedi i risultati: controlla lo status AA/AAA e i suggerimenti di aggiustamento.
  5. Esporta o salva i risultati per audit.
How to use online color checker

Frequently Asked Questions

Trova risposte rapide

Cos'è il rapporto di contrasto e perché è importante?
Il rapporto di contrasto misura la differenza di luminanza tra colori di primo piano e sfondo e valuta la leggibilità del testo. In valori più alti migliorano la leggibilità, soprattutto per testo piccolo o in ambienti molto luminosi, e aiutano a soddisfare i requisiti WCAG di accessibilità.
Cosa significano gli obiettivi AA e AAA?
Gli obiettivi AA definiscono il contrasto minimo accettabile per testo normale (tipicamente 4,5:1) e testo grande (3:1). AAA impone uno standard più alto (solitamente 7:1 per testo normale). Raggiungere questi obiettivi migliora l'accessibilità per utenti diversi.
Posso inserire nomi di colori oltre ai codici hex?
Sì. Il verificatore accetta hex, RGB e nomi CSS standard. Gli input sono normalizzati verso uno spazio colore comune prima di calcolare luminanza e rapporto.
Posso esportare o condividere i risultati?
I risultati possono essere copiati o salvati come dati strutturati e usati in audit. Lo strumento fornisce un rapporto numerico pulito, valori di luminanza e stati pass/fail adatti a documentazione.

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

Web & SEO Tools

Convertitore Spotify a MP3

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

Web & SEO Tools

Calcolatore Distanza Stradale

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

Web & SEO Tools

Calcolatore Età

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

Web & SEO 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