ImageColorPicker.com

Conversor de CMYK a HSL

Convierte cualquier color CMYK a HSL — al instante y gratis

#754595

Pega cualquier valor de color — detectamos el formato por ti.

C
M
Y
K
Resultado HSL
Tono
276°
Saturación
37%
Claridad
43%

Perfil CMYK: Coated FOGRA39 (el valor predeterminado de Photoshop para Europa)

Este color en todos los formatos

Llevar una paleta impresa a la web es más fácil en HSL: una vez que tu mezcla de tintas se expresa como hue, saturation y lightness, puedes crear estados hover, tintes y sombras en segundos.

Cómo funciona la conversión de CMYK a HSL

  1. Convierte los porcentajes CMYK a canales sRGB entre 0 y 255 con el perfil Coated FOGRA39.
  2. Divide los canales por 255 y toma su máximo y su mínimo.
  3. El promedio del máximo y el mínimo es la lightness L; su diferencia determina la saturation S.
  4. El canal que contiene el máximo determina el hue H en grados sobre la rueda de color.

Ejemplo práctico

CMYK cmyk(66%, 82%, 0%, 0%)=HSL hsl(276, 37%, 43%)

El paso de CMYK a RGB usa el perfil estándar Coated FOGRA39, así que otros perfiles CMYK (por ejemplo, los de tu imprenta) dan números distintos. Los valores HSL se redondean a números enteros.

CMYK y HSL explicados

¿Qué es CMYK?

CMYK es el modelo de cuatro tintas usado en impresión: cyan, magenta, yellow y key (negro), cada una como porcentaje de 0 a 100. La tinta resta luz en vez de emitirla, por eso CMYK cubre menos colores que una pantalla — y los colores brillantes de pantalla suelen verse más apagados al imprimirse.

Sintaxis:
cmyk(C%, M%, Y%, K%)
Rango:
0–100% por tinta
Mejor para:
impresión, embalaje, archivos listos para imprenta

¿Qué es HSL?

HSL divide un color en tono (0–360° en la rueda de color), saturación (qué tan colorido, 0–100%) y luminosidad (qué tan claro, 0–100%). Como cada parte coincide con la forma en que la gente describe el color, HSL es el formato más sencillo para crear tintes, sombras y paletas coherentes — a mano o en código.

Sintaxis:
hsl(H, S%, L%)
Rango:
0–360°, 0–100%, 0–100%
Mejor para:
paletas, tintes y sombras, theming

Tabla de referencia de CMYK a HSL

Los colores CSS más comunes, convertidos de CMYK a HSL.

ColorCMYKHSL
blackcmyk(89%, 78%, 62%, 97%)hsl(0, 0%, 0%)
whitecmyk(0%, 0%, 0%, 0%)hsl(0, 0%, 100%)
redcmyk(0%, 95%, 92%, 0%)hsl(1, 79%, 51%)
limecmyk(64%, 0%, 100%, 0%)hsl(93, 60%, 44%)
bluecmyk(93%, 75%, 0%, 0%)hsl(224, 56%, 39%)
yellowcmyk(9%, 0%, 96%, 0%)hsl(57, 100%, 48%)
orangecmyk(0%, 43%, 94%, 0%)hsl(37, 93%, 53%)
tealcmyk(83%, 27%, 48%, 12%)hsl(180, 87%, 27%)
purplecmyk(63%, 100%, 4%, 1%)hsl(299, 58%, 31%)
graycmyk(48%, 39%, 39%, 21%)hsl(30, 1%, 50%)

Más convertidores de color

Preguntas frecuentes

Convierte los porcentajes CMYK a canales sRGB entre 0 y 255 con el perfil Coated FOGRA39. Divide los canales por 255 y toma su máximo y su mínimo. El promedio del máximo y el mínimo es la lightness L; su diferencia determina la saturation S. El canal que contiene el máximo determina el hue H en grados sobre la rueda de color.

El paso de CMYK a RGB usa el perfil estándar Coated FOGRA39, así que otros perfiles CMYK (por ejemplo, los de tu imprenta) dan números distintos. Los valores HSL se redondean a números enteros.

HSL divide un color en tono (0–360° en la rueda de color), saturación (qué tan colorido, 0–100%) y luminosidad (qué tan claro, 0–100%). Como cada parte coincide con la forma en que la gente describe el color, HSL es el formato más sencillo para crear tintes, sombras y paletas coherentes — a mano o en código.

Sí. El botón de intercambio junto al campo te lleva al conversor de HSL a CMYK, que funciona exactamente igual. Ambas direcciones usan la misma fórmula, solo aplicada en sentido inverso.

Una vez en HSL, conserva el hue de la impresión y ajusta solo la lightness para la versión web. Así mantienes el color de marca reconocible y al mismo tiempo cumples los requisitos de contraste en pantalla.