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.
- Léos como valores sRGB e busca a cor no perfil Coated FOGRA39.
- Usa o propósito colorimétrico relativo con compensación do punto negro, así o branco segue sendo o branco do papel e o negro asígnase á tinta máis escura que a máquina de impresión pode imprimir.
- Arredonda os catro valores de tinta a porcentaxes enteiras. Seguen o axuste CMYK predeterminado de Photoshop para Europa.
Exemplo práctico
Hai dúas conversións seguidas, así que o arredondamento ocorre dúas veces, e o paso CMYK usa o perfil estándar Coated FOGRA39. Outros perfís CMYK (por exemplo, os da túa imprenta) dan números distintos. Espera que o resultado impreso sexa algo menos vivo que a vista previa 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(89%, 78%, 62%, 97%) |
| white | hsl(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| red | hsl(0, 100%, 50%) | cmyk(0%, 95%, 92%, 0%) |
| lime | hsl(120, 100%, 50%) | cmyk(64%, 0%, 100%, 0%) |
| blue | hsl(240, 100%, 50%) | cmyk(93%, 75%, 0%, 0%) |
| yellow | hsl(60, 100%, 50%) | cmyk(9%, 0%, 96%, 0%) |
| orange | hsl(39, 100%, 50%) | cmyk(0%, 42%, 94%, 0%) |
| teal | hsl(180, 100%, 25%) | cmyk(83%, 28%, 47%, 12%) |
| purple | hsl(300, 100%, 25%) | cmyk(63%, 100%, 5%, 2%) |
| gray | hsl(0, 0%, 50%) | cmyk(48%, 39%, 39%, 21%) |