Convertidor de OKLCH a HEX

Sigue una ruta numérica explícita desde las coordenadas cilíndricas OKLCH, pasando por OKLab y RGB lineal, y recorta después los canales que quedan fuera de la gama sRGB visible. El resultado es determinista, apto para automatización e incluye los valores RGB y OKLab para que usted pueda revisar con precisión la conversión, sin tratar el código HEX final como una caja negra.

Introduzca un color OKLCH válido

Escriba el color con la notación funcional de CSS, por ejemplo oklch(62.8% 0.258 29.23). La luminosidad puede indicarse como un porcentaje entre 0% y 100% o como un valor sin unidad entre 0 y 1. El croma debe ser cero o positivo. El matiz se interpreta en grados cuando no lleva sufijo, aunque también se admiten los sufijos habituales deg, grad, rad y turn. El ángulo puede quedar fuera del intervalo de 0 a 360, pues se normaliza a su valor equivalente. El convertidor exige las tres coordenadas y no admite alfa, la palabra CSS none, comas, entradas HEX ni otras funciones de color. Estas reglas mantienen el contrato centrado en obtener un color opaco de seis dígitos y hacen que los datos incorrectos fallen de forma clara, en vez de convertirlos mediante suposiciones. Todos los componentes deben ser finitos; Infinity y NaN se rechazan antes de iniciar el cálculo. Esta validación estricta resulta especialmente útil en herramientas de compilación y canalizaciones de datos, donde un formato inesperado podría propagar un color de marca erróneo a numerosos recursos generados.

Comprenda la ruta de conversión

OKLCH expresa un color mediante luminosidad perceptual, croma y matiz. Primero se normaliza el matiz y las coordenadas cilíndricas se convierten en los ejes a y b de OKLab mediante coseno y seno. Después se aplica la transformación publicada de OKLab para obtener los canales RGB lineales. Esos canales pasan por la curva de transferencia sRGB estándar y se cuantifican como valores enteros de rojo, verde y azul entre 0 y 255. Cada byte se representa con dos caracteres hexadecimales, por lo que el resultado principal siempre tiene la forma #RRGGBB. La respuesta también incluye las coordenadas OKLab resueltas y los canales RGB enteros, lo que facilita investigar diferencias entre una aplicación de diseño y una canalización de código. Los valores intermedios solo se redondean en el objeto OKLab mostrado; el cálculo conserva toda la precisión numérica de JavaScript hasta producir los bytes RGB finales. El algoritmo no utiliza red, aleatoriedad, hora actual, formato regional ni estado mutable, de modo que una entrada idéntica genera el mismo JSON tanto en la API como en el navegador.

Gestione colores fuera de sRGB

OKLCH puede describir colores que una pantalla sRGB convencional y la notación HEX de seis dígitos no pueden representar. Si un canal RGB lineal calculado queda por debajo de cero o por encima de uno, el convertidor lo recorta al límite más próximo antes de aplicar la curva sRGB. La respuesta marca clamped como true cuando sucede. El recorte es predecible y rápido, pero no constituye un método perceptual de adaptación de gama: una entrada muy intensa puede perder matices, variar visualmente de tono o terminar en un canal totalmente saturado. Use esa marca como aviso para revisar el color, sobre todo en paletas de marca, tokens de accesibilidad y degradados donde importa la relación entre colores vecinos. Si clamped es false, todos los canales ya estaban dentro de sRGB. Si es true y la fidelidad visual es esencial, reduzca el croma del valor OKLCH original y conviértalo de nuevo hasta que encaje. Este comportamiento explícito evita cálculos de canal inválidos y garantiza una salida utilizable, sin ocultar la concesión realizada. No se conserva alfa porque HEX de seis dígitos representa un color opaco; utilice otro flujo cuando necesite transparencia.