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
- Divide as quatro percentagens CMYK por 100.
- Aplica primeiro o componente key: cada canal é escalado por (1 − K).
- Calcula os canais: R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K), B = 255 × (1 − Y) × (1 − K).
- Arredonda cada canal, escreve-o como dois dígitos hexadecimais e junta-os atrás de um #.
Exemplo prático
Aproximativo por natureza. CMYK cobre uma gama de cores menor que um ecrã, por isso o resultado em HEX é uma pré-visualização fiel e não uma correspondência gerida por cor — isso exigiria o perfil ICC da impressora.
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(0%, 0%, 0%, 100%) | #000000 |
| white | cmyk(0%, 0%, 0%, 0%) | #FFFFFF |
| red | cmyk(0%, 100%, 100%, 0%) | #FF0000 |
| lime | cmyk(100%, 0%, 100%, 0%) | #00FF00 |
| blue | cmyk(100%, 100%, 0%, 0%) | #0000FF |
| yellow | cmyk(0%, 0%, 100%, 0%) | #FFFF00 |
| orange | cmyk(0%, 35%, 100%, 0%) | #FFA600 |
| teal | cmyk(100%, 0%, 0%, 50%) | #008080 |
| purple | cmyk(0%, 100%, 0%, 50%) | #800080 |
| gray | cmyk(0%, 0%, 0%, 50%) | #808080 |