Convertidor OKLCH → HEX + Selector para diseñadores

oklch(0.8815 0.275 138.49)
#66ff00
Conversión de color
OKLCH
HEX (3, 4, 6 u 8 caracteres)
Luminosidad
0.8815
Croma
0.275
Tono
138.49
Alfa
1
Armonías de color
Contraste (WCAG)
Cargando... -
Tokens de diseño
/* CSS Custom Properties */ :root { --color-primary: oklch(0.58 0.236 29.54); --color-primary-hover: oklch(0.62 0.236 29.54); --color-primary-active: oklch(0.52 0.236 29.54); --color-primary-light: oklch(0.85 0.15 29.54); --color-primary-dark: oklch(0.35 0.236 29.54); --color-primary-text: oklch(0.95 0.02 29.54); --color-secondary: oklch(0.58 0.236 209.54); --color-background: oklch(0.95 0.02 29.54); --color-surface: oklch(0.98 0.01 29.54); --color-border: oklch(0.85 0.05 29.54); }
Exportar a Figma
{ "colorPrimary": { "value": "oklch(0.58 0.236 29.54)", "type": "color", "description": "text_brand_here" }, "colorPrimaryHover": { "value": "oklch(0.62 0.236 29.54)", "type": "color", "description": "text_hover_here" }, "colorPrimaryActive": { "value": "oklch(0.52 0.236 29.54)", "type": "color", "description": "text_active_here" }, "colorPrimaryText": { "value": "oklch(0.95 0.02 29.54)", "type": "color", "description": "text_main_bg_here" } }

OKLCH: La Revolución Digital del Color

OKLCH es un modelo de color moderno que cambia el enfoque del diseño web. Basado en percepción humana. Por qué OKLCH es estándar 2026: Predictibilidad, Naturalidad, Rendimiento, Flexibilidad. Perfecto para CSS y navegadores modernos. ¡Guarda en marcadores!
Configuración de formatos