Vens do mundo da impressão e precisas da mesma cor na web? Converter CMYK para HEX dá-te o equivalente de ecrã mais próximo da tua mistura de tintas, pronto para colar em CSS, Figma ou numa ficha de marca.
Como funciona a conversão de CMYK para HEX
- Use as quatro porcentagens CMYK como quantidades de tinta para o perfil Coated FOGRA39.
- Leia a cor que o perfil imprime para essa mistura de tintas, usando a intenção de renderização Colorimétrico Relativo com Compensação de Ponto Preto.
- Converta essa cor para sRGB. As cores que uma tela não consegue mostrar são limitadas à mais próxima que ela consegue mostrar.
- Arredonda cada canal, escreve-o como dois dígitos hexadecimais e junta-os atrás de um #.
Exemplo prático
Isto usa o perfil padrão Coated FOGRA39, e não o da sua máquina de impressão. Outros perfis CMYK (por exemplo, o da sua gráfica) geram números diferentes, por isso trate o resultado HEX como uma pré-visualização fiel e verifique uma prova para as cores essenciais da marca.
CMYK e HEX explicados
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
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
Tabela de referência CMYK para HEX
As cores CSS mais comuns, convertidas de CMYK para HEX.
| Cor | CMYK | HEX |
|---|---|---|
| black | cmyk(89%, 78%, 62%, 97%) | #010101 |
| white | cmyk(0%, 0%, 0%, 0%) | #FFFFFF |
| red | cmyk(0%, 95%, 92%, 0%) | #E52420 |
| lime | cmyk(64%, 0%, 100%, 0%) | #69B42D |
| blue | cmyk(93%, 75%, 0%, 0%) | #2C4A9A |
| yellow | cmyk(9%, 0%, 96%, 0%) | #F4E600 |
| orange | cmyk(0%, 43%, 94%, 0%) | #F6A216 |
| teal | cmyk(83%, 27%, 48%, 12%) | #098180 |
| purple | cmyk(63%, 100%, 4%, 1%) | #7D217E |
| gray | cmyk(48%, 39%, 39%, 21%) | #81807F |