Vai al contenuto principale
← Strumenti

Strumento gratuito

Controllo contrasto WCAG

Misura il rapporto di contrasto fra testo e sfondo usando la formula WCAG 2.x (luminanza relativa). Risultati AA/AAA per corpo e testo grande direttamente nell’interfaccia.

Nel browserSenza iscrizioneGratis per sempre

Preview

The quick brown fox jumps over the lazy dog

Body sample copy at normal size — review legibility for the smallest text in your interface.

Smaller helper text checks captions and subtle labels.

Rapporto contrasto

17.85:1

Normal text

WCAG AA passWCAG AAA pass

≥ 4.5:1 AA · ≥ 7:1 AAA

Large text

WCAG AA passWCAG AAA pass

≥ 3:1 AA · ≥ 4.5:1 AAA

Serve fattura veloce? Creare gratuitamente Invoicey.

Flusso

Come funziona

Tre passaggi veloci dall'input a un risultato da usare nel tuo stack.

1

Passo 1

Scegli o incolla il colore di primo piano e quello di sfondo.

2

Passo 2

Usa il color picker o modifica i valori hex a mano.

3

Passo 3

Leggi subito il rapporto e i badge AA/AAA per le due misure tipografiche.

Perché i team lo usano

Vantaggi e casi d'uso

  • Use Controllo contrasto WCAG instantly without account setup.
  • Keep your workflow browser-based and fast.
  • Export results for sharing or documentation.
  • Reduce manual formatting and repetitive tasks.

Overview

Quick context

What is Controllo contrasto WCAG?

Controllo contrasto WCAG is a practical online utility for day-to-day business and content workflows. It is designed to reduce friction in common tasks so you can move from input to result quickly. Instead of installing heavy desktop tools, you can run the process in-browser and export output immediately.

Why use Controllo contrasto WCAG?

Teams often need fast one-off tools without onboarding overhead. Controllo contrasto WCAG helps with exactly that: quick execution, straightforward controls, and downloadable output. It works well for freelancers, small teams, and operators who need reliable utility actions inside modern workflow stacks.

Controllo contrasto WCAG best practices

For the best results, use clear input data, verify final output before publishing, and keep copies of generated assets in your project folders. If you use the output in client-facing documents, review labels and formatting for consistency with your brand and compliance requirements.

Risposte

FAQ

Che cos’è il rapporto di contrasto WCAG?

È un rapporto numerico derivato dalle luminanze (massimo ~21:1). Per AA servono in genere ≥4,5:1 sul testo normale e ≥3:1 sul testo grande.

Cosa si intende per testo grande?

In pratica circa 24px regolari o ~18,5–19px grassetto equivalente. Titoli e pulsanti molto leggibili ricadono spesso nei limiti “grandi”.

Perché il brand color non passa AA?

Tonalità molto vivaci su bianco raramente raggiungono AA. Scurisci il testo, schiarisci il fondo o usa il brand solo dove non serve leggibilità massima.

I colori vengono inviati in rete?

No: tutto il calcolo è client-side; nessun upload verso server Invoicey.

Come si applica in progettazione UI?

Quando AA resta valido anche tra stati (hover, disabled) l’interfaccia risulta più accessibile; verifica combinazioni in ogni stato.

Contrast checker WCAG | Invoicey