As paletas deseñadas en HSL adoitan acabar en papel. Este conversor colle o tinte, saturación e luminosidade que escolliches e devolve as catro porcentaxes de tinta coas que traballa unha imprenta.
Como funciona a conversión de HSL a CMYK
- Converte a tripla HSL a canles RGB entre 0 e 255.
- Normaliza esas canles dividindo por 255.
- Calcula o compoñente de clave K = 1 − max(R, G, B).
- Obtén C, M e Y das canles restantes e converte as catro a porcentaxes.
Exemplo práctico
Fanse dúas conversións consecutivas, así que prodúcese redondeo dúas veces — e CMYK segue sendo unha aproximación sen perfil de cor. Agarda que o resultado impreso sexa lixeiramente menos vivo ca a vista previa en HSL.
HSL e CMYK explicados
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
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
Táboa de referencia de HSL a CMYK
As cores CSS máis comúns, convertidas de HSL a CMYK.
| Cor | HSL | CMYK |
|---|---|---|
| black | hsl(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
| white | hsl(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| red | hsl(0, 100%, 50%) | cmyk(0%, 100%, 100%, 0%) |
| lime | hsl(120, 100%, 50%) | cmyk(100%, 0%, 100%, 0%) |
| blue | hsl(240, 100%, 50%) | cmyk(100%, 100%, 0%, 0%) |
| yellow | hsl(60, 100%, 50%) | cmyk(0%, 0%, 100%, 0%) |
| orange | hsl(39, 100%, 50%) | cmyk(0%, 35%, 100%, 0%) |
| teal | hsl(180, 100%, 25%) | cmyk(100%, 1%, 0%, 50%) |
| purple | hsl(300, 100%, 25%) | cmyk(0%, 100%, 1%, 50%) |
| gray | hsl(0, 0%, 50%) | cmyk(0%, 0%, 0%, 50%) |