HSL a CIE LCH Conversor de formatos de color

Diez formatos: HEX, RGB, HSL, HWB, CIELAB (lab), CIE LCH (lch), OKLab, OKLCH, CMYK y Display P3. Cualquiera puede ser el formato de origen o de destino, lo que permite 90 direcciones de conversión. Los resultados usan la sintaxis moderna de CSS Color 4, como rgb(255 136 0) o oklch(0.7442 0.1812 56.46).

Introduce la notación completa CSS del formato de origen, como hsl(32 100% 50%) o color(display-p3 1 0.5 0), o solo sus números, como 32, 100%, 50%, con HSL seleccionado. Los códigos hexadecimales funcionan con o sin # y con 3, 4, 6 u 8 dígitos. El valor debe coincidir con el formato de origen seleccionado; por eso, se rechaza un valor rgb() en una página HSL para evitar una conversión por error.

culori no tiene un modo CMYK, así que el conversor usa la fórmula estándar simplificada con valores sRGB de 0 a 1: K = 1 - max(R, G, B), C = (1 - R - K) / (1 - K), y lo mismo para M e Y. La conversión inversa es R = (1 - C) x (1 - K), y así sucesivamente. No se trata de una conversión con perfil ICC, por lo que no coincidirá con el resultado de una imprenta o un papel específicos; úsala para aproximaciones en pantalla y especificaciones orientativas.

Usa cmyk(0%, 47%, 100%, 0%), cmyk(0 0.47 1 0) de dispositivo o cuatro números sin formato. Los valores con signo de porcentaje son porcentajes; los valores sin unidad se interpretan como fracciones de 0 a 1, a menos que alguno supere 1, en cuyo caso todos se interpretan como porcentajes. Así, 0, 47, 100, 0 funciona como se espera. La salida CMYK siempre se expresa en porcentajes con hasta dos decimales.

Lab, LCH, OKLab, OKLCH y Display P3 pueden describir colores que sRGB no puede mostrar. Cuando el destino es HEX, RGB, HSL, HWB o CMYK, todos ellos sRGB, o Display P3, los colores fuera de gama se asignan mediante el algoritmo de CSS Color 4, que reduce la cromaticidad OKLCH hasta que el color encaja, y el resultado incluye una nota. Los destinos Lab, LCH, OKLab y OKLCH no tienen límites y nunca se reasignan.

Sí, para todos los formatos de destino excepto CMYK. Un valor alfa en la entrada, como rgb(255 136 0 / 50%) o #ff880080, se escribe como / 0.5 dentro de funciones CSS y como código hexadecimal de 8 dígitos. CMYK no tiene canal alfa, así que se descarta.

Los canales RGB se redondean a números enteros de 0 a 255; los porcentajes HSL, HWB y CMYK, y los valores Lab y LCH, a dos decimales; los valores OKLab, la luminosidad y la cromaticidad OKLCH, y los canales Display P3, a cuatro decimales; los tonos, a dos decimales. Todos los cálculos se realizan con doble precisión completa antes del redondeo, por lo que las conversiones de ida y vuelta se mantienen dentro del redondeo del valor original.

CIELAB y CIE LCH con el punto blanco D50, exactamente como los definen las funciones CSS lab() y lch(), con adaptación de Bradford desde el blanco D65 de sRGB. La luminosidad va de 0 a 100. OKLab y OKLCH son los espacios perceptuales de Bjorn Ottosson que usan CSS oklab() y oklch(), con una luminosidad de 0 a 1.

El formulario de la página convierte un color cada vez. Los clientes que llaman directamente a la herramienta pueden enviar hasta 100 colores, uno por línea, y obtener un valor convertido por línea en el mismo orden. Cada color puede tener como máximo 100 caracteres.

Los colores neutros no tienen tono, que CSS puede escribir como none. En su lugar, el conversor escribe 0, para que el valor también funcione en herramientas que no aceptan none. El tono no tiene ningún efecto visible cuando la saturación o la cromaticidad es cero.