Como converter de HEX para CMYK
Converta códigos de cor HEX para CMYK na hora. Digite um valor HEX ou RGB, ou use os controles deslizantes, e todos os formatos se atualizam juntos, com prévia da cor, a fórmula e uma tabela de cores comuns.
- Digite ou cole um valor HEX, como #3B82F6, no campo correspondente acima.
- O valor CMYK se atualiza na hora: #3B82F6 é cmyk(76%, 47%, 0%, 4%). Os outros formatos e a prévia da cor também se atualizam.
- Copie o valor CMYK para o seu CSS, ferramenta de design ou código.
A fórmula de HEX para CMYK
Escale vermelho, verde e azul para 0-1. O preto é K = 1 − max(R, G, B); depois C = (1 − R − K) / (1 − K), e o mesmo para M com o verde e Y com o azul:
#3B82F6 → cmyk(76%, 47%, 0%, 4%)
Cores comuns em HEX e CMYK
| HEX | CMYK |
|---|---|
#000000 | cmyk(0%, 0%, 0%, 100%) |
#FFFFFF | cmyk(0%, 0%, 0%, 0%) |
#FF0000 | cmyk(0%, 100%, 100%, 0%) |
#00FF00 | cmyk(100%, 0%, 100%, 0%) |
#0000FF | cmyk(100%, 100%, 0%, 0%) |
#FFFF00 | cmyk(0%, 0%, 100%, 0%) |
#00FFFF | cmyk(100%, 0%, 0%, 0%) |
#FF00FF | cmyk(0%, 100%, 0%, 0%) |
#808080 | cmyk(0%, 0%, 0%, 50%) |
#FFA500 | cmyk(0%, 35%, 100%, 0%) |
#800080 | cmyk(0%, 100%, 0%, 50%) |
#3B82F6 | cmyk(76%, 47%, 0%, 4%) |
O que são HEX e CMYK
Uma cor HEX é um # seguido de seis dígitos hexadecimais: dois para o vermelho, dois para o verde e dois para o azul, de 00 (nada) a FF (máximo). É a forma mais comum de escrever cores em CSS e em ferramentas de design.
CMYK é o modelo de tintas da impressão: ciano, magenta, amarelo e preto (key), cada um de 0 a 100%. As impressoras misturam essas tintas em vez de luz.
Perguntas frequentes
A conversão muda a cor?
HEX, RGB e HSL descrevem as mesmas cores de tela, então a conversão entre eles é exata (o HSL é arredondado para números inteiros). CMYK é para impressão: o resultado impresso depende do perfil de cor da impressora, então use os valores CMYK de tela como ponto de partida.
Posso usar o resultado no CSS?
Sim. O CSS aceita diretamente hex (#3B82F6), rgb(59, 130, 246) e hsl(217, 91%, 60%). CMYK não é um formato de CSS; ele é usado em impressão e em programas de design.
E a transparência?
Adicione um valor alfa: hex de 8 dígitos (#3B82F680) ou rgba()/hsla() no CSS. O conversor trabalha com a cor sólida; o valor alfa é o mesmo em todos os formatos.
Esta ferramenta é gratuita?
Sim, é grátis. Sem cadastro nem e-mail. Veja o resultado nesta página.
Como recebo o resultado?
Use a ferramenta nesta página. O resultado aparece aqui, sem envio por e-mail.