Paletas criadas em HSL frequentemente acabam no papel. Este conversor pega o hue, saturation e lightness que você escolheu e retorna as quatro percentagens de tinta com as quais a gráfica trabalha.
Como funciona a conversão de HSL para CMYK
- Converta a tripla HSL para canais RGB entre 0 e 255.
- Leia-os como valores sRGB e procure a cor no perfil Coated FOGRA39.
- Use a intenção de renderização Colorimétrico Relativo com Compensação de Ponto Preto, para que o branco continue sendo o branco do papel e o preto corresponda à tinta mais escura que a máquina de impressão consegue imprimir.
- Arredonde os quatro valores de tinta para porcentagens inteiras. Eles seguem a configuração CMYK padrão do Photoshop para a Europa.
Exemplo prático
Duas conversões acontecem em sequência, por isso o arredondamento ocorre duas vezes, e a etapa CMYK usa o perfil padrão Coated FOGRA39. Outros perfis CMYK (por exemplo, o da sua gráfica) geram números diferentes. Espere que o resultado impresso fique um pouco menos vivo que a pré-visualização HSL.
HSL e CMYK explicados
O que é HSL?
HSL divide uma cor em matiz (0–360° na roda de cores), saturação (quão colorida, 0–100%) e luminosidade (quão clara, 0–100%). Como cada parte corresponde à forma como as pessoas descrevem cor, HSL é o formato mais fácil para criar tons, sombras e paletas consistentes — manualmente ou em código.
- Sintaxe:
- hsl(H, S%, L%)
- Intervalo:
- 0–360°, 0–100%, 0–100%
- Melhor para:
- paletas, tons e sombras, theming
O que é CMYK?
CMYK é o modelo de quatro tintas usado na impressão: ciano, magenta, amarelo e key (preto), cada um como percentagem de 0 a 100. A tinta subtrai luz em vez de a emitir, por isso o CMYK cobre menos cores que um ecrã — o que explica porque cores vibrantes do ecrã muitas vezes parecem mais baças quando impressas.
- Sintaxe:
- cmyk(C%, M%, Y%, K%)
- Intervalo:
- 0–100% por tinta
- Melhor para:
- impressão, packaging, arte pronta para impressão
Tabela de referência HSL para CMYK
As cores CSS mais comuns, convertidas de HSL para 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%) |