Converter CMYK em HEX Cyan Magenta Yellow Black ↔ Hexadecimal Grátis Online Seguro
Escreva um valor em CMYK e leia-o de imediato em HEX. A conta faz-se no seu navegador, nada é enviado para lugar nenhum, e aquilo de que o resultado depende está escrito mais abaixo em vez de ser presumido.
Nada é enviado
De onde vêm estas notações
O hexadecimal e o RGB são a mesma coisa escrita duas vezes. Uma cor de tela são três números — quanta luz vermelha, verde e azul emitir — cada um de 0 a 255, ou seja um byte; o hexadecimal escreve simplesmente esses bytes na base dezesseis, de modo que #FF8800 e rgb(255, 136, 0) são a mesma ordem ao mesmo pixel. O HSL foi inventado porque nenhum dos dois é legível por um humano: dá o matiz como um ângulo numa roda de cores, com saturação e luminosidade em percentagem, de modo que um designer pode clarear algo sem recalcular três números. O CMYK pertence a um mundo totalmente diferente — ao da tinta, não ao da luz. É subtrativo, construído com quatro chapas de impressão, e não alcança todas as cores de um tela, porque o tela emite luz enquanto o papel apenas a reflete.
Onde as encontra
O hexadecimal é o que se escreve numa planilha de estilo e o que uma ferramenta de desenho lhe entrega. O RGB aparece onde quer que uma cor precise de aritmética: gradientes, transparência, código que calcula um tom. Ao HSL recorre-se ao afinar uma paleta à mão, porque as alterações pretendidas são em geral alterações de um dos seus três números. O CMYK é o que a gráfica pede, e converter para ele é o instante em que um desenho deixa de ser luz e passa a ser tinta.
Perguntas frequentes
Por que o meu resultado CMYK difere do que a gráfica me dá?
Porque não existe uma única conversão correta. A aritmética desta página é a simples, independente do dispositivo, e é a resposta certa quando se precisa de um ponto de partida ou de um equivalente aproximado. Uma gráfica converte através de um perfil de cor que tem em conta a tinta, o papel e a máquina concretos, e a mesma cor RGB dará valores CMYK diferentes em papel couché brilhante e em papel não revestido. Para o que tenha de coincidir, peça à gráfica o perfil dela em vez de confiar numa fórmula.
Por que algumas cores de tela não se podem imprimir?
Porque os dois não alcançam as mesmas cores. Um tela faz cor somando luz e consegue um ciano ou um verde vivo e saturado que a tinta simplesmente não iguala; o papel faz cor absorvendo luz, e o mais claro que pode ser é o branco da página. O conjunto de cores que cada um alcança chama-se gamute, e onde não se sobrepõem, uma conversão tem de escolher a cor disponível mais próxima. É por isso que uma cor viva na tela parece muitas vezes um pouco apagada no papel.
O resultado é exato?
Onde as duas unidades se definem uma pela outra com números inteiros, sim — a página informa isso acima do número, e o único arredondamento está em quantos dígitos se mostram. Onde a razão não tem decimal finita, a página mostra doze algarismos significativos e diz que a relação é aproximada, em vez de fingir o contrário.
Alguma coisa que escrevo sai do meu aparelho?
Não. A aritmética roda no seu navegador; nada é enviado, e nem sequer há servidor para o receber. Carregada uma vez, a página continua funcionando com a rede desligada.
Por que você converte CMYK em HEX
O pessoal da impressão escreve as cores em quatro números, o pessoal da web as escreve em um código curto. Em algum ponto entre os dois, uma ficha de trabalho diz que o destaque de um catálogo é 0, 60, 100, 0 e um desenvolvedor precisa saber o que digitar depois do sinal de jogo da velha na folha de estilos. Ou um designer gráfico recebeu o pedido da cor web de uma marca cujo manual lista apenas CMYK. Ou um modelo de e-mail precisa do mesmo laranja do panfleto da última temporada. Em cada caso, o caminho é converter CMYK em HEX: você pega as quatro porcentagens de tinta e chega ao código de seis dígitos que um navegador entende.
A conversão tem duas etapas, e esta página faz as duas para você: da tinta para a luz vermelha, verde e azul que uma tela mostraria, e desses três números para a sua grafia hexadecimal. A segunda etapa é exata. A primeira é uma fórmula padrão, a que quase todas as ferramentas da web usam, e tem limites honestos. Tinta no papel e luz na tela são coisas diferentes, e converter fielmente entre elas exige o perfil da impressora, do papel e do seu monitor. Sem eles, o código que você obtém é um bom ponto de partida, e não uma promessa de igualdade. A página diz isso com clareza.
O cálculo acontece no seu navegador, e nada é enviado. Abaixo você encontra as duas etapas com um exemplo resolvido, o que a conversão mantém e o que ela não consegue, os motivos de uma cor de tela dessa fórmula ser mais brilhante que sua ancestral impressa, as situações em que as pessoas precisam converter CMYK em HEX e um breve guia para fixar uma única cor web para uma marca impressa.
Como a conversão funciona
Primeira etapa: da tinta para a luz
Cada tinta age como um filtro que tira um pouco de luz. O ciano tira o vermelho, o magenta tira o verde, o amarelo tira o azul, e o preto tira uma parte dos três. A fórmula é R = 255 × (1 − C) × (1 − K), e do mesmo modo para o verde com o magenta e para o azul com o amarelo. Para cmyk(0%, 60%, 100%, 0%), o preto é zero, então o fator do preto é 1. O vermelho é 255 × 1 × 1 = 255. O verde é 255 × 0,4 × 1 = 102. O azul é 255 × 0 × 1 = 0. A cor de tela é rgb(255, 102, 0).
Segunda etapa: de três números para um código
Cada número é escrito em base dezesseis com dois dígitos: 255 é FF, 102 é 66 e 0 é 00. Juntos, com um sinal de jogo da velha, o código é #FF6600, um laranja vivo. A segunda etapa é exata: o hexadecimal é só outra maneira de escrever os mesmos três números.
Números inteiros e porcentagens inteiras
As quatro entradas são porcentagens inteiras, e as três saídas são arredondadas para números inteiros de 0 a 255. Os dois arredondamentos são pequenos, mas significam que a cor nem sempre voltará exatamente às mesmas porcentagens se você converter de volta.
O que a conversão mantém e o que ela não consegue
Ela mantém a cor o mais perto que uma fórmula pode
O resultado é a cor o mais perto que uma fórmula pode colocá-la, e as quatro chapas na ordem que um impressor espera: ciano, magenta, amarelo e o preto que carrega as sombras. O preto é aplicado aos três canais, que é como uma camada de tinta preta escurece o que está por baixo.
O limite honesto: não existe uma única resposta correta
Esse é o limite da página inteira. Uma conversão fiel exige o perfil da impressora, do papel e do seu monitor. Sem eles, o que você obtém é a fórmula padrão: boa o bastante para escolher uma cor na tela, mas não para afirmar que a cor web e a cor impressa são a mesma. Trate o código como ponto de partida, compare-o com uma amostra impressa à luz do dia e ajuste.
O que a fórmula não consegue carregar
Um preto rico misturado de várias tintas chega como uma única cor escura chapada. Uma cor especial como uma tinta Pantone não tem nenhum equivalente em CMYK, então uma decomposição em quatro cores dela já é uma aproximação, e o hexadecimal dessa decomposição é uma aproximação de uma aproximação. Se a cor da marca é uma tinta especial, procure o valor de tela que o fabricante dela publica.
A ida e volta não é exata
Como os quatro números são escritos em porcentagens inteiras, uma cor levada de um lado a outro e de volta pode cair a um passo de distância: #5A4632 volta como #594632. Mantenha o original como mestre e converta em um só sentido.
Por que as cores da fórmula parecem mais brilhantes que a impressão
O papel tira luz
O papel reflete só parte da luz que cai nele, e nenhuma tinta é um filtro perfeito, então toda cor impressa é mais escura e mais apagada do que a fórmula sugere. Uma tela brilha, e o código que você obtém desta página parece mais brilhante e limpo que a impressão de que foi derivado.
As tintas puras não são o que a fórmula supõe
A fórmula trata 100% de ciano como ciano puro, rgb(0, 255, 255). Uma tinta ciano real é mais profunda e mais próxima de rgb(0, 174, 239). As cores mais fortes, as de valores altos de tinta, são onde a fórmula e a impressão mais se separam.
As provas digitais se saem melhor
Os programas de diagramação podem usar o perfil ICC de uma impressora para simular a impressão na tela. Se você tem acesso a um, o código hexadecimal que tira de uma prova digital fica mais perto da impressão do que o desta página. Use esta página para a resposta rápida e o perfil para a final.
Onde você encontra a conversão
Especificando uma cor web para uma marca impressa
Uma marca definida para impressão tem valores CMYK. Para usá-la na web, um designer converte CMYK em HEX, põe o código na folha de estilos e confere com uma amostra impressa. O código combinado vai para o manual da marca ao lado do CMYK.
Modelos de e-mail e documentos
Os clientes de e-mail e os programas de escritório aceitam códigos hexadecimais. Quando um modelo precisa combinar com uma peça impressa, a conversão dá um código para começar.
Redes sociais e apresentações
Os gráficos para redes sociais, slides e vídeos vivem em telas. Uma cor tirada de um panfleto impresso precisa ser transformada em um código de tela antes de poder ser usada ali.
Conversando com colegas
Um código hexadecimal é curto e universal. Se você precisa dizer a um desenvolvedor web qual laranja a equipe de impressão quer dizer, o código é a forma que ele pode usar na hora.
Como converter CMYK em HEX aqui
Digite as quatro porcentagens
Digite a cor no primeiro campo na forma cmyk(0%, 60%, 100%, 0%), ou apenas os quatro números separados por vírgulas ou espaços.
Leia o código hexadecimal
A resposta aparece na hora, como em cmyk(0%, 60%, 100%, 0%) = #FF6600. Ela é escrita em maiúsculas com um sinal de jogo da velha.
Confira com a impressão
Segure uma amostra impressa ao lado da tela à luz do dia. Se a tela parecer mais brilhante, reduza um pouco a saturação e registre o código em que você se decidir.
De onde vêm essas notações
Hexadecimal e RGB são a mesma coisa escrita duas vezes
Uma cor de tela são três números, quanta luz vermelha, verde e azul emitir, cada um de 0 a 255, o que é um byte. O hexadecimal simplesmente escreve esses bytes em base dezesseis. Para ver os números por trás de um código, converta HEX em RGB.
HSL e CMYK
O HSL foi inventado porque nenhum dos outros é legível para um humano: ele dá o matiz como um ângulo em volta de uma roda de cores, com saturação e luminosidade em porcentagens, para que um designer possa deixar algo mais claro sem recalcular três valores. O CMYK pertence a um mundo totalmente diferente, o da tinta, e não o da luz. Ele é subtrativo, construído a partir de quatro chapas de impressão, e não alcança todas as cores que uma tela alcança, porque uma tela emite luz enquanto o papel só a reflete.
Armadilhas ao converter CMYK em HEX
Esperar a cor impressa na tela
O código ficará próximo no matiz e mais brilhante que a impressão. Compare à luz do dia com uma amostra.
Usar 100% de preto como cor do texto
A fórmula dá #000000. O preto impresso é mais suave. Se você quer a mesma impressão na tela, escolha um cinza muito escuro como #141414.
Converter de ida e volta
Cada passo em qualquer sentido acrescenta erro. Escolha um mestre e derive o outro dele uma única vez.
Esquecer a cor especial
Uma tinta Pantone tem um valor de tela oficial. Use-o no lugar do palpite da fórmula.
Perguntas que as pessoas fazem antes de converter
Qual é cmyk(0%, 0%, 0%, 0%) em hexadecimal?
#FFFFFF, branco: nenhuma tinta no papel branco.
Qual é cmyk(0%, 0%, 0%, 100%) em hexadecimal?
#000000, preto pela fórmula, embora o preto impresso seja menos profundo.
Por que a minha cor web parece diferente da minha brochura?
Porque as duas são feitas de modo diferente: luz e tinta. Papel, impressora e iluminação mudam a impressão, e a fórmula não conhece nenhum deles.
A conversão é exata?
A aritmética é exata em um modelo simplificado. A correspondência com a impressão é aproximada.
A minha cor é enviada?
Não. A aritmética roda no seu navegador e nada é enviado a lugar nenhum.
Como volto?
Com HEX em CMYK.
Fixando uma única cor web para uma marca impressa
Comece pela fórmula, termine a olho
Converta CMYK em HEX para obter uma base. Depois, à luz do dia, compare a tela com uma amostra impressa e ajuste o código até que a impressão seja a mesma. O resultado é uma cor web que pertence à marca, e não a uma fórmula.
Registre como você chegou lá
No manual da marca, anote que o hexadecimal foi combinado a olho com uma dada amostra em uma dada data. Um futuro designer que se pergunte por que ele difere do valor da fórmula terá a resposta.
Use em todo lugar
Uma vez escolhido, o código deve aparecer no site, nos modelos de e-mail, nas apresentações e no kit de redes sociais. Uma cor em muitos lugares é o que faz uma marca parecer coerente.
Revise quando a impressão mudar
Se a marca é reimpressa em outro papel ou outra impressora, a cor impressa pode mudar, e a correspondência deve ser reconferida. Uma cor de marca é um par de valores, um para cada meio, e ambos devem ser revistos juntos.
Hábitos práticos ao converter CMYK em HEX
Converta CMYK em HEX uma cor por vez e anote o resultado
Uma marca costuma ter entre três e oito cores. Converta CMYK em HEX para cada uma e escreva as respostas em uma tabela com o CMYK ao lado e uma coluna para o código combinado. A tabela leva dez minutos para fazer e poupa horas de adivinhação depois. Se uma cor é acrescentada ou alterada, só uma linha precisa ser refeita.
Dê um papel a cada cor
Nomeie as cores pelo que fazem: primária, destaque, texto, superfície. Um código hexadecimal sozinho não diz nada sobre onde usá-lo, e um nome diz. Na folha de estilos, defina os códigos como propriedades personalizadas com esses nomes, para que uma mudança na marca signifique editar poucas linhas.
Confira o texto sobre a cor
Depois que os códigos existem, teste cada par de texto e fundo quanto ao contraste. As cores de impressão que se leem bem no papel podem falhar na tela, onde o fundo brilha e o texto precisa se destacar contra ele. Os códigos hexadecimais vão direto para qualquer verificador de contraste.
Cuidado com as cores escuras e saturadas
As cores de impressão mais brilhantes, azuis profundos e verdes vivos em especial, são as que mais se parecem diferentes de seus valores de fórmula. Se a sua marca tem uma, converta CMYK em HEX, depois olhe a tela ao lado da impressão e espere ajustar em alguns passos.
Guarde o CMYK no nome do arquivo ou nas notas
Quando você salvar uma imagem ou um documento feito com uma cor convertida, anote de qual CMYK ela veio. Se a marca for reimpressa ou a impressora mudar, o registro permite refazer a conversão com a consciência tranquila.
Uma nota sobre abreviações e transparência
Códigos curtos
Quando os três pares da resposta se repetem, como em #FF6600, você pode escrever a forma curta #F60 em uma folha de estilos. É a mesma cor, e algumas pessoas a acham mais fácil de ler. A página dá a forma longa, que é sempre válida.
Transparência
A impressão não tem transparência desse tipo, então a resposta aqui é sempre uma cor opaca. Se você precisa de uma versão translúcida para uma sobreposição na web, pegue o código e acrescente um par alfa, por exemplo #FF660080 para meia intensidade.
Conversores relacionados
A mesma família de ferramentas cobre as conversões vizinhas. Para voltar, use HEX em CMYK. Para os números RGB diretamente, há CMYK em RGB e RGB em CMYK, e para as notações de tela em si, HEX em RGB, RGB em HEX e HEX em HSL. Para arquivos que viajam até a gráfica, comprimir PDF deixa um documento mais leve.
Um exemplo resolvido
Digamos que o panfleto da última temporada usou um laranja de cmyk(0%, 60%, 100%, 0%), e a equipe web precisa dele para a página de destino da nova temporada. Você digita os quatro números e lê #FF6600. Na página, o laranja é brilhante e quente. Segurado ao lado do panfleto à luz do dia, a cor de tela é nitidamente mais vívida, então o designer a suaviza para #F26B0F e registra a correspondência. O CMYK continua sendo o mestre para a impressão, o hexadecimal combinado é o mestre para a web, e o #FF6600 da fórmula fica anotado no manual da marca como ponto de partida.
Uma lista de conferência curta
Antes de converter
Confira se a cor é CMYK de processo e não uma tinta especial. Ache uma amostra impressa, se puder.
Durante a conversão
Digite as quatro porcentagens, leia o código e copie-o com o sinal de jogo da velha.
Depois de converter
Compare com a amostra à luz do dia, ajuste a olho se for preciso e registre o código final com uma nota sobre como foi obtido.
Erros comuns
Tratar a fórmula como final
É um ponto de partida. A impressão decide.
Usar preto puro para o texto
O preto impresso é mais suave. Escolha um cinza escuro se quiser a mesma impressão.
Converter em círculos
Vá uma vez a partir do original e guarde o resultado.
Suas cores ficam no seu dispositivo
O cálculo acontece localmente. Seus valores são usados pelo seu próprio navegador e nada é enviado a lugar nenhum. Não há nada para apagar depois e nenhuma conta para criar. Esse é o jeito simples de converter CMYK em HEX.
Resumo
Para converter CMYK em HEX aqui, digite as quatro porcentagens e leia o código hexadecimal na hora. A conversão tem duas etapas: da tinta para a luz vermelha, verde e azul que uma tela mostraria, por uma fórmula padrão, e desses três números para a sua grafia hexadecimal, que é exata. Não existe uma única resposta correta para a primeira etapa, porque tinta no papel e luz na tela são coisas diferentes, e converter fielmente exige o perfil da impressora, do papel e do seu monitor. Um preto rico chega como uma única cor escura chapada, uma cor especial não tem equivalente em CMYK, e porcentagens inteiras significam que uma ida e volta pode cair a um passo de distância. Trate o código como ponto de partida e compare-o com uma amostra impressa. Nada é enviado.