Conversor de Color OKLCH

Pega cualquier color (HEX, rgb(), hsl() u oklch()) o ajusta los valores OKLCH L/C/H directamente. La herramienta convierte entre todos los espacios modernos con las matrices de CSS Color 4 y muestra:

• Valores HEX, sRGB 8-bit, sRGB lineal, HSL, XYZ D65, OKLab y OKLCH
• Representación Display-P3
• Si el color está dentro de sRGB, dentro de Display-P3 pero fuera de sRGB, o fuera de ambos
• Una sugerencia de recorte por reducción de croma (el OKLCH dentro de gamut más cercano) cuando el color está fuera de sRGB

Por qué OKLCH: su canal L coincide con la luminosidad percibida y sus C/h son croma y tono, por lo que ajustar luminosidad o saturación no desplaza el tono, a diferencia de HSL. Esto lo convierte en el mejor espacio para construir paletas perceptualmente uniformes.

Las salidas son CSS listas para copiar, incluyendo color(display-p3 ...) y oklch().