Verifica del contrasto colore che mantiene la tinta

Altri tool misurano solo. Fix sposta la luminosità del testo fino ad AA senza drift di tinta — più selettore OKLCH e palette locale.

Full studio here. Need pairs, names, or brand-from-URL? Colorise Pro. · About

Pick

Photo

Read

Pick

Photo

Read

Flusso

Il checker di contrasto colore che corregge il colore

Molti tool misurano soltanto. Qui vedi WCAG 2.1 e APCA; Fix regola la luminosità OKLCH fino ad AA senza cambiare la tinta. Selettore OKLCH e palette da foto in locale.

Prima Fix

Apri Contrasto, imposta testo e fondo, leggi WCAG/APCA, poi Fix — prima/dopo con Undo.

Apri Fix contrasto →

Selettore OKLCH

Piano L×C, anteprima UI, export HEX, oklch(), CSS, Tailwind v4.

Selettore OKLCH →

Riferimenti Tailwind e nomi CSS

Hub EN con ogni stop Tailwind v4 e colori CSS nominati in oklch(), coppie WCAG e link a questo Fix.

Palette Tailwind (EN) →Nomi CSS (EN) →Fix contrasto →

Quando usarlo

Contrasto UI insufficiente, token OKLCH per Tailwind v4, palette da screenshot senza upload.

Errori comuni

Sistemare il contrasto ruotando la tinta invece della luminosità OKLCH.

CSS dopo Fix

Copia oklch() o HEX in variabili o @theme.

:root {
  --text: oklch(0.35 0.08 250);
  --surface: oklch(0.97 0.01 250);
}

Selettore colore OKLCH: OKLCH vs HSL vs HEX

HEX stores a display color. HSL is convenient but not perceptual. OKLCH separates lightness, chroma, and hue the way your eye expects — better for scales, contrast Fix, and UI tokens.

Space	Best for	Watch out
OKLCH	Scales, accessible pairs, CSS oklch()	Wide-gamut colors may need clip to sRGB
HSL	Quick hue spins in familiar UIs	Lightness shifts often change perceived hue
HEX	Copy-paste into any design tool	No structure — hard to build systems

FAQ

Cosa lo distingue?

Fix mantiene tinta e chroma e muove L in OKLCH fino a WCAG AA 4,5:1.

Colori Tailwind?

Hub /en/tailwind con contrasto e link ?fg=&bg=.

Condividere una coppia?

Copy link su Contrasto — URL con fg e bg.