ImageColorPicker.com

Convertidor de CMYK a HSL

Converte calquera cor CMYK a HSL — ao instante e de balde

#754595

Pega calquera valor de cor — detectamos o formato por ti.

C
M
Y
K
resultado HSL
Tono
276°
Saturación
37%
Luminosidade
43%

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

Esta cor en todos os formatos

Traer unha paleta de impresión á web é máis sinxelo en HSL: unha vez que a túa mestura de tintas está expresada como tinte, saturación e luminosidade, podes construír estados hover, tintes e sombras en segundos.

Como funciona a conversión de CMYK a HSL

  1. Converte as porcentaxes CMYK a canles sRGB entre 0 e 255 co perfil Coated FOGRA39.
  2. Divide as canles por 255 e toma o seu máximo e mínimo.
  3. A media do máximo e mínimo é a luminosidade L; o seu intervalo determina a saturación S.
  4. A canle que contén o máximo determina o tinte H en graos na roda de cores.

Exemplo práctico

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

O paso de CMYK a RGB usa o perfil estándar Coated FOGRA39, así que outros perfís CMYK (por exemplo, os da túa imprenta) dan números distintos. Os valores HSL arredóndanse a números enteiros.

CMYK e HSL explicados

Que é CMYK?

CMYK é o modelo de catro tintas usado en impresión: cyan, magenta, yellow e key (negro), cada unha como porcentaxe de 0 a 100. A tinta subtráe luz en lugar de emitila, polo que CMYK abarca menos cores que unha pantalla — por iso as cores brillantes de pantalla adoitan verse máis apagadas ao imprimilas.

Sintaxe:
cmyk(C%, M%, Y%, K%)
Rango:
0–100% por tinta
Mellor para:
impresión, embalaxe, arte final para prensa

Que é HSL?

HSL divide unha cor en tonalidade (0–360° na roda de cores), saturación (o nivel de cor, 0–100%) e luminosidade (o brillo, 0–100%). Como cada parte coincide coa forma en que a xente describe a cor, HSL é o formato máis sinxelo para crear tintas, sombras e paletas coherentes — manualmente ou en código.

Sintaxe:
hsl(H, S%, L%)
Rango:
0–360°, 0–100%, 0–100%
Mellor para:
paletas, tintas e sombras, tematización

Táboa de referencia de CMYK a HSL

As cores CSS máis comúns, convertidas de CMYK a HSL.

CorCMYKHSL
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áis convertidores de cores

Preguntas frecuentes

Converte as porcentaxes CMYK a canles sRGB entre 0 e 255 co perfil Coated FOGRA39. Divide as canles por 255 e toma o seu máximo e mínimo. A media do máximo e mínimo é a luminosidade L; o seu intervalo determina a saturación S. A canle que contén o máximo determina o tinte H en graos na roda de cores.

O paso de CMYK a RGB usa o perfil estándar Coated FOGRA39, así que outros perfís CMYK (por exemplo, os da túa imprenta) dan números distintos. Os valores HSL arredóndanse a números enteiros.

HSL divide unha cor en tonalidade (0–360° na roda de cores), saturación (o nivel de cor, 0–100%) e luminosidade (o brillo, 0–100%). Como cada parte coincide coa forma en que a xente describe a cor, HSL é o formato máis sinxelo para crear tintas, sombras e paletas coherentes — manualmente ou en código.

Si. O botón de intercambio xunto á entrada lévate ao conversor de HSL a CMYK, que funciona exactamente do mesmo xeito. Ambas direccións usan a mesma fórmula, só aplicada en sentido inverso.

Unha vez en HSL, mantén o tinte da impresión e axusta só a luminosidade para a versión web. Iso mantén a cor da marca recoñecible mentres cumpre os requirimentos de contraste en pantalla.