🎨 Design e Creatività

Convertitore di Colore — HEX, RGB, HSL, OKLCH e Contrasto

Converti qualsiasi colore tra HEX, RGB, HSL, HWB, OKLCH e LCH. Include un verificatore di contrasto WCAG 2.2 rispetto a qualsiasi sfondo o colore di primo piano alternativo.

Colore in input (qualsiasi formato) Accetta hex, rgb, hsl, hwb, oklch, lch e nomi CSS.

Campione

Formato	Valore

Verifica contrasto WCAG

Primo piano

Sfondo

Rapporto di contrasto

—

Testo del corpo 16 px
Testo grande 24 px

—

Come funziona il calcolo

sRGB → lineare tramite la curva gamma standard, poi a OKLab usando la matrice di Björn Ottosson, poi a OKLCH tramite coordinate polari. HSL/HWB usano le formule standard del CSS Color Module 4.

Contrasto WCAG 2.2: rapporto = (L1 + 0,05) / (L2 + 0,05) usando la luminanza relativa dalla somma pesata sRGB→lineare (0,2126 R + 0,7152 G + 0,0722 B). AA = 4,5, AAA = 7 per testo normale; 3 e 4,5 per testo grande (18 pt / 14 pt grassetto).

Conosciuto anche come

color converter oklchhex to hslwcag contrast checkerrgb to hex

Convertitore di Colore — HEX, RGB, HSL, OKLCH e Contrasto

Verifica contrasto WCAG

Conosciuto anche come

Strumenti correlati