Controllo accessibilità colori online

Uno strumento web per designer e sviluppatori per verificare il contrasto tra coppie di colori secondo WCAG, per testi e combinazioni UI accessibili.

Tool coming soon!

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

Request Feature / Support
3,484+
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 Controllo accessibilità colori online analizza una coppia colore primo piano/sfondo e restituisce un rapporto di contrasto e lo stato di conformità secondo WCAG 2.1/2.2. È destinato a designer, ingegneri front-end, esperti di accessibilità e team di prodotto che necessitano di una validazione obiettiva durante la scelta dei colori e la tematizzazione. L’tool accetta input di colori in hex o nomi e fornisce un risultato numerico di contrasto con una dicitura pass/fail e indicazioni.
Internamente, lo strumento esegue il calcolo di contrasto WCAG standard. Converte i colori in luce lineare tramite correzione gamma sRGB, calcola la luminanza e ricava il rapporto di contrasto con la formula (L1+0,05)/(L2+0,05), L1 essendo la luminanza più chiara. Il calcolo è deterministico e indipendente dal dispositivo, garantendo risultati coerenti in revisioni di design e codice.
I beneficiari includono team di prodotto che forniscono interfacce accessibili, designer che raffinano le palette di marca, sviluppatori che implementano CSS con l’accessibilità in mente e QA che documentano la conformità. Il valore risiede in risultati numerici precisi, criteri chiari pass/fail, colori alternativi consigliati e report pronti per esportare in sistemi di design e linee guida stilistiche.
Funzionalità chiave: validazione input, rapporti obiettivi configurabili, suggerimenti automatici per alternative accessibili e uscite concise per la documentazione UI. Casi d’uso includono colore del testo del corpo su sfondi hero, valutazione della modalità scura e assicurare colori di call-to-action accessibili su pagine marketing.

Come usare

  1. Fornire input: colore1 e colore2 in hex o nomi; opzionalmente specificare il contrasto mirato.
  2. Eseguire il calcolo inviando gli input.
  3. Rivedere l’output: rapporto di contrasto, stato pass/fail e raccomandazioni.
  4. Se non conforme, regolare i colori e rieseguire con input aggiornati.
  5. Esportare i risultati per documentazione o sistemi di design.
How to use online color accessibility checker

Frequently Asked Questions

Trova risposte rapide

Quali input sono richiesti?
Fornire una colorazione in primo piano e una di sfondo come valori hex o nomi. Opzionalmente specificare un rapporto di contrasto mirato (predefinito 4,5 per testo normale e 3 per testo grande).
Come viene calcolato il rapporto di contrasto?
Ogni colore viene convertito in luce lineare usando la correzione gamma sRGB, quindi si calcola la luminanza. Il rapporto di contrasto è (L1+0,05)/(L2+0,05) con L1 la luminanza più chiara, garantendo un risultato indipendente dal dispositivo.
Cosa succede se la coppia non supera i criteri di accessibilità?
Lo strumento fornisce suggerimenti per colori alternativi con contrasto maggiore, considera eventuali limitazioni del marchio e propone adeguamenti alle tonalità foreground/background per raggiungere il rapporto mirato.

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