Converta valores CMYK de impressão para HEX, RGB e CSS, e HEX de volta para CMYK. Veja a cor do Tailwind mais próxima, alertas de carga de tinta e por que a tela e o papel nunca batem exatamente.
Digite os quatro percentuais CMYK do seu arquivo de impressão e você recebe os valores HEX e RGB para o seu site, calculados com a fórmula padrão (vermelho = 255 × (1 − C) × (1 − K), e o mesmo para verde e azul). Também funciona ao contrário, a partir de HEX, e reúne várias cores em uma paleta CSS.
Cor impressa e cor na tela, lado a lado
Transforme as cores de um manual de marca impresso em valores que um site pode usar, ou faça o caminho inverso para um trabalho gráfico. Cada cor mostra as formas HEX, RGB e CSS, a classe do Tailwind mais próxima e um alerta quando o total de tinta passa do que a maioria das gráficas aceita.
Calcule cada canal RGB com 255 × (1 − tinta) × (1 − preto), usando as tintas como frações: ciano gera o vermelho, magenta gera o verde, amarelo gera o azul. Depois escreva cada canal como dois dígitos hexadecimais. CMYK 0, 85, 80, 0 dá RGB 255, 38, 51, que é #FF2633. Esta ferramenta faz as contas para você.
As telas formam cor somando luz e conseguem mostrar cores mais vivas e saturadas do que tinta no papel. A cor impressa também muda com o papel, o jogo de tintas, a impressora e a luz sob a qual é vista. Uma fórmula não sabe essas coisas, então qualquer conversão de CMYK para HEX é um ponto de partida próximo, não uma garantia.
Não. Os valores de cor Pantone pertencem à Pantone, então não os incluímos. Use o app oficial Pantone Connect ou o valor HEX do seu manual de marca. Se você só tem um número Pantone, seu designer ou sua gráfica pode passar o valor de tela que a Pantone publica para ele.
Ela dá a conversão de livro, que coloca o máximo possível na tinta preta. Softwares profissionais usam perfis de cor para o papel e a impressora específicos e vão dar números diferentes. Use o resultado para orientar uma gráfica, não para enviar a arte final.
É a cor da paleta padrão do Tailwind que parece mais próxima da sua, medida no espaço de cor OKLab. Abaixo de 2 é muito difícil notar a diferença; acima de cerca de 5 a diferença é visível, então use o seu HEX exato.
Valores CMYK de exemplo e o HEX que a fórmula padrão gera (não é uma correspondência de impressão)
Controle de {label}
Valores CMYK
Ou cole os quatro
Ou comece de uma cor HEX (tela para impressão)
Digite um valor HEX de 3 ou 6 dígitos, como #4F98FB.
Para a web
Amostra de {hex}
Variável CSS
CMYK usado
Copiar
Cor do Tailwind mais próxima:
(diferença {n}{verdict}).
, muito próxima
, próxima
, visível, então use o seu HEX
Contraste como texto sobre branco: {n}:1 {verdict}.
(serve para texto corrido)
(só para texto grande)
(clara demais para texto sobre branco)
A tinta total é {n}%. Muitas gráficas limitam a carga a 300% ou menos, então isso pode ser ajustado na impressão.
Fórmula padrão sem perfil de cor. O resultado impresso varia com o papel, a tinta e a impressora.
Nome
Adicionar à paleta
Sua paleta
Remover {name}
Copiar variáveis CSS
Copiar tema do Tailwind
Conversões de exemplo
Comece grátis · Sem cartão de crédito