¿Por qué usar OKLCH en lugar de HSL?

OKLCH es perceptualmente uniforme: el brillo aparente es idéntico en todos los tonos de color.

¿Cuáles son los ratios de contraste WCAG 2.1?

Nivel AA requiere 4.5:1 para texto normal y 3.0:1 para texto grande. Nivel AAA requiere 7.0:1 y 4.5:1.

¿Cómo se calcula el contraste?

A través de la fórmula matemática W3C de luminancia relativa lineal (L1 + 0.05) / (L2 + 0.05).

¿Es compatible OKLCH con navegadores modernos?

Sí, compatible con Chrome 111+, Safari 15.4+ y Firefox 113+ sin necesidad de prefijos.

¿Qué precisión tiene la conversión a CMYK?

Usa el modelo sustractivo digital estándar; para imprenta profesional se aconsejan perfiles ICC.

Selector de Color y Estudio de Paletas

Convierte colores entre HEX, RGB, HSL, HSV, OKLCH y CMYK con análisis de contraste WCAG 2.1/2.2 y armonías cromáticas.

Color Picker & Palette Generator

Quick Jump:

Palette Studio•Color Spaces & OKLCH•WCAG Accessibility FAQ•Related Tools

Scenario PresetsHandcrafted design tokens

#4F46E5

White TextRatio 6.29:1

Black TextRatio 3.34:1

Palette Swatches

Active Color RepresentationW3C Color 4 Ready

#4F46E5

Channel Adjustments

Hue (H)243°

Saturation (S)75%

Lightness (L)59%

WCAG 2.1 Contrast ComplianceRelative Luminance: 0.117

AA Normal (4.5:1)✓ PASS

AA Large (3.0:1)✓ PASS

AAA Normal (7.0:1)⚠ ADVISORY

AAA Large (4.5:1)✓ PASS

Dynamic Color Harmonies & ScaleClick any swatch to apply

Complementary (+180°)

Analogous (±30°)

Triadic (±120°)

Tonal Shade Scale (L-25 to L+25)

Acerca de

La representación del color es uno de los sistemas fundamentales más críticos en la ingeniería de interfaces digitales y diseño de marcas. Nuestro estudio convierte en tiempo real entre HEX, RGB, HSL, HSV, OKLCH (W3C CSS Color 4) y CMYK con auditoría de contraste WCAG 2.1.