Ecrãs misturam luz, impressoras misturam tinta — por isso um código HEX tem de ser traduzido antes de ir para impressão. Este conversor dá-te as percentagens de cyan, magenta, yellow e key que mais se aproximam da tua cor web dentro do que a tinta permite.
Como funciona a conversão de HEX para CMYK
- Converte o código HEX para RGB e divide cada canal por 255.
- Calcula o componente key (preto): K = 1 − max(R, G, B).
- Deriva as outras tintas removendo essa parte preta: C = (1 − R − K) / (1 − K), e usa a mesma fórmula para magenta e yellow.
- Multiplica os quatro valores por 100 para obter percentagens. Preto puro converte diretamente para 0/0/0/100.
Exemplo prático
Isto é uma aproximação independente do dispositivo. A impressão real depende de papel, tinta e de um perfil ICC, por isso trata o resultado como ponto de partida e confirma sempre uma prova para cores críticas de marca.
HEX e CMYK explicados
O que é HEX?
Um código HEX é um número hexadecimal de seis dígitos que armazena os canais vermelho, verde e azul de uma cor atrás de um # inicial. Cada par de dígitos representa um canal, de 00 (nenhum) a FF (cheio), o que dá os mesmos 16,7 milhões de cores do RGB numa notação muito mais curta. HEX é o padrão em CSS, ferramentas de design e guidelines de marca.
- Sintaxe:
- #RRGGBB
- Intervalo:
- 00–FF por canal
- Melhor para:
- CSS, entrega de design, guidelines de marca
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 HEX para CMYK
As cores CSS mais comuns, convertidas de HEX para CMYK.
| Cor | HEX | CMYK |
|---|---|---|
| black | #000000 | cmyk(0%, 0%, 0%, 100%) |
| white | #FFFFFF | cmyk(0%, 0%, 0%, 0%) |
| red | #FF0000 | cmyk(0%, 100%, 100%, 0%) |
| lime | #00FF00 | cmyk(100%, 0%, 100%, 0%) |
| blue | #0000FF | cmyk(100%, 100%, 0%, 0%) |
| yellow | #FFFF00 | cmyk(0%, 0%, 100%, 0%) |
| orange | #FFA500 | cmyk(0%, 35%, 100%, 0%) |
| teal | #008080 | cmyk(100%, 0%, 0%, 50%) |
| purple | #800080 | cmyk(0%, 100%, 0%, 50%) |
| gray | #808080 | cmyk(0%, 0%, 0%, 50%) |