Conversor de Cores para HEX, RGB, HSL e CMYK
Este conversor de cores transforma uma cor de um formato em outro em tempo real, para você passar um mesmo valor entre HEX, RGB, HSL, HSV e CMYK sem fazer as contas na mão. Digite um código, veja o resultado mudar a cada tecla e copie em um clique.
Ele foi feito para desenvolvedores web que precisam acertar os formatos de cor do CSS, designers que levam cores de uma ferramenta para outra e profissionais de impressão que precisam converter cores de tela em CMYK pronto para gráfica. Se você costuma ler códigos HEX de um arquivo de design ou valores RGB do CSS, isto deixa cada formato a uma aba de distância.
Como converter uma cor
Escolha uma conversão
Selecione nas abas a conversão que você precisa: HEX → RGB, RGB → HEX, HEX → HSL, HSL → HEX, RGB → HSL ou RGB → CMYK.
Digite o valor da cor
Digite o valor no campo de entrada. O HEX funciona com ou sem o # e aceita o atalho de 3 caracteres; RGB e HSL aceitam números separados por vírgula ou o invólucro completo rgb(...) / hsl(...).
Ou escolha uma cor visualmente
Clique na pré-visualização grande da cor para abrir o seletor de cor. Escolha qualquer cor e o campo se preenche sozinho no formato certo da aba ativa, convertendo na hora.
Copie o resultado
Clique no botão copiar ao lado da saída para enviar o valor convertido à área de transferência. Abra Todos os formatos para ver HEX, RGB, HSL, HSV e CMYK de uma vez, cada um com seu próprio botão copiar.
Recursos
Conversão instantânea
As cores se convertem em tempo real conforme você digita. A saída se atualiza a cada tecla, sem botão para apertar.
Pré-visualização ao vivo
Um quadrado grande de pré-visualização se atualiza na hora, com uma sombra dinâmica tingida na cor que você digitou.
Seletor de cor visual
Não sabe o código? Clique na pré-visualização para abrir um seletor e o campo se preenche sozinho no formato certo.
Todos os formatos de uma vez
Expanda Todos os formatos para ver sua cor em HEX, RGB, HSL, HSV e CMYK lado a lado, cada um com um botão copiar.
Cópia em um clique
Cada saída tem um botão copiar. Um clique envia o valor à área de transferência com um aviso de confirmação.
Validação de entrada
Valores inválidos são sinalizados com uma mensagem clara e o campo fica destacado em vermelho até o formato ficar correto.
Formatos de entrada flexíveis
Aceita HEX com ou sem #, HEX no atalho de 3 caracteres e RGB ou HSL como números crus ou dentro de rgb() / hsl().
Layout responsivo
O conversor funciona em qualquer dispositivo e muda para um layout vertical em telas menores, deixando o uso mais fácil.
Perguntas frequentes
Como converter HEX para RGB?
Abra a aba HEX → RGB e digite seu código hex, como #3B82F6 (o # é opcional e o atalho de 3 caracteres como #FFF também funciona). O valor RGB aparece na hora e um botão copiar o coloca na sua área de transferência.
Como converter RGB para HEX?
Use a aba RGB → HEX e informe seus valores como 59, 130, 246 ou rgb(59, 130, 246). O código hex correspondente é gerado conforme você digita. RGB e HEX descrevem as mesmas cores de tela, então não há perda de cor em nenhuma direção.
Qual a diferença entre RGB e CMYK?
RGB é um modelo aditivo para telas que mistura luz vermelha, verde e azul. CMYK é um modelo subtrativo para impressão que usa tinta ciano, magenta, amarelo e key (preto). O CMYK tem uma faixa de cores menor, então algumas cores vivas na tela não podem ser reproduzidas com exatidão na impressão.
Como converter uma cor para CMYK para impressão?
Abra a aba RGB → CMYK e informe seus valores RGB (ou escolha uma cor visualmente). A ferramenta retorna as porcentagens CMYK que você pode passar para a gráfica. Como o CMYK tem uma gama menor, trate o resultado como um ponto de partida próximo e confirme as cores críticas com seu gráfico.
O que é a cor HSL e quando devo usá-la?
HSL significa Matiz (Hue), Saturação e Luminosidade (Lightness), e é mais intuitivo que o RGB para ajustar uma cor. Para deixar uma cor mais clara, mais escura ou mais viva você muda um único valor em vez de equilibrar três, o que ajuda muito ao criar tonalidades, sombreados e temas. Use a aba HEX → HSL ou RGB → HSL para obter valores HSL.
Posso converter CMYK de volta para RGB?
Esta ferramenta converte de RGB para CMYK, não no sentido inverso. Para fazer o caminho de volta, use a aba RGB → HEX para encontrar seu valor RGB ou HEX, ou recorra a uma ferramenta dedicada de CMYK para RGB quando precisar exatamente dessa direção.
Meus dados são salvos ou enviados a algum lugar?
Não. Toda conversão acontece diretamente no seu navegador. Os valores de cor nunca são enviados a um servidor nem armazenados, e a ferramenta continua funcionando offline depois que a página carrega.
Ainda não há comentários. Seja o primeiro a comentar!