Strumento Contrasto Colore

Aiuta designer e sviluppatori a verificare il contrasto WCAG tra primo piano e sfondo per l'accessibilità web.

Request Feature / Support

8,376+

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.

Informazioni su questo strumento

Questo strumento calcola il rapporto di contrasto tra due colori di input utilizzando le formule WCAG. Accetta colori di primo piano e sfondo in formati hex o rgb e restituisce un rapporto numerico di contrasto nonché l'applicabilità AA e AAA.
A livello concettuale, il flusso analizza gli input, li converte in sRGB, calcola la luminanza relativa di ogni colore e quindi applica la formula di contrasto WCAG. Il calcolo utilizza L = 0,2126R + 0,7152G + 0,0722B dopo la linearizzazione dei valori sRGB e Contrasto = (L1 + 0,05) / (L2 + 0,05) con L1 ≥ L2.
Chi trae beneficio: ingegneri frontend, designer UI/UX, team QA e team prodotto che conducono audit di accessibilità. Casi d'uso includono testo su immagini, pulsanti su sfondi vari, tematizzazione e palette reattive in modalità chiaro e scuro.
Valore unico: supporta diversi formati di input, restituisce risultati numerici precisi e indica chiaramente la conformità per testo normale e grande. Funzionalità opzionali includono indicazioni automatiche per regolare le coppie di colori, risultati pronti per esportazione per handoff di design e output leggibile da macchina per pipeline di automazione.

Save your calculation history with a free account

Come usare

Fornire gli input: colore foreground e colore di sfondo in hex o rgb.
Opzionalmente impostare la dimensione del testo in px per testo normale vs grande.
Scegliere la modalità di accessibilità (AA o AAA).
Eseguire il calcolo e osservare i risultati.
Regolare i colori per soddisfare le soglie desiderate e ricontrollare.

Frequently Asked Questions

Trova risposte rapide

Quali formati di colore sono supportati?

Lo strumento accetta colori hex (#RRGGBB o #RGB) e valori rgb(a). Normalizza gli input nello spazio colore sRGB per il calcolo. I colori nominati non sono garantiti in tutti gli ambienti.

Come viene calcolato il rapporto di contrasto?

Gli input sono analizzati e convertiti in valori sRGB lineari. La luminanza relativa L è calcolata come L = 0,2126R + 0,7152G + 0,0722B. Il rapporto di contrasto è (L1 + 0,05) / (L2 + 0,05) con L1 ≥ L2, secondo le formule WCAG.

Come dovrei interpretare i risultati?

Lo strumento restituisce il rapporto di contrasto e i booleani passes_AA e passes_AAA. Per testo normale, AA richiede almeno 4,5:1 e AAA 7:1. Per testo grande, AA richiede 3:1 e AAA 4,5:1.

Sono incluse simulazioni di dispositivo o spazio colore?

Lo strumento usa di default l'sRGB e non simula rendering specifico di dispositivo o differenze percettive tra display. Si concentra sul contrasto WCAG standard per contenuti Web.

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.

Related Tools

Other useful calculators and utilities you might like

Convertitore Spotify a MP3

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

Calcolatore Distanza Stradale

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

Calcolatore Età

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

Convertitore di valute

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

Il tuo feedback è importante

Aiutaci a migliorare