🎨 Diseño y Creatividad

Conversor de Color — HEX, RGB, HSL, OKLCH y Contraste

Convierte cualquier color entre HEX, RGB, HSL, HWB, OKLCH y LCH. Incluye comprobador de contraste WCAG 2.2 frente a cualquier fondo o color de primer plano alternativo.

Color de entrada (cualquier formato) Acepta hex, rgb, hsl, hwb, oklch, lch y nombres CSS.

Muestra

Formato	Valor

Verificador de contraste WCAG

Primer plano

Fondo

Relación de contraste

—

Texto de cuerpo 16 px
Texto grande 24 px

—

Cómo funciona el cálculo

sRGB → lineal mediante la curva gamma estándar, luego a OKLab usando la matriz de Björn Ottosson, y luego a OKLCH mediante coordenadas polares. HSL/HWB usan las fórmulas estándar de CSS Color Module 4.

Contraste WCAG 2.2: relación = (L1 + 0.05) / (L2 + 0.05) usando la luminancia relativa a partir de la suma ponderada sRGB→lineal (0.2126 R + 0.7152 G + 0.0722 B). AA = 4.5, AAA = 7 para texto normal; 3 y 4.5 para texto grande (18 pt / 14 pt en negrita).

También conocido como

color converter oklchhex to hslwcag contrast checkerrgb to hex

Conversor de Color — HEX, RGB, HSL, OKLCH y Contraste

Verificador de contraste WCAG

También conocido como

Herramientas relacionadas