Conversor de Cor
Converta cores entre os diferentes formatos (hex, rgb, hsl e nome css)
Para converter RGB em HEX ou HEX em RGB, escreva uma cor em qualquer campo, como HEX, RGB ou HSL; todos os outros formatos, incluindo CMYK e o nome da cor, atualizam-se de imediato.
Last updated:
Conversor de Cor. Converta cores entre os diferentes formatos (hex, rgb, hsl e nome css) Transforme instantaneamente valores de cor com o nosso conversor de cor online gratuito.
Esta ferramenta essencial de desenvolvimento frontend e design de UI permite traduzir rapidamente valores entre os formatos HEX, RGB, HSL, HSV e CMYK.
Quer seja um programador web a estilizar componentes CSS, um designer gráfico a criar recursos de impressão ou um artista de UI a respeitar as diretrizes da marca, a nossa herramenta de tradução de cores garante mapeamentos de valores precisos.
Basta introduzir o seu código de cor inicial e gerar instantaneamente os valores de formato correspondentes.
Este utilitário de design premium tira partido do processamento avançado no lado do cliente para converter as suas cores diretamente no seu navegador, garantindo que as suas paletas pessoais permanecem inteiramente privadas.
Oferecemos uma forma 100% gratuita, privada e segura de converter cores localmente no seu dispositivo.
Para melhores resultados, reveja a saída antes de copiar ou transferir, especialmente quando ela será reutilizada em código, relatórios, documentação ou ficheiros partilhados.
Este fluxo no navegador mantém a tarefa rápida e ajuda a evitar limpezas manuais em aplicações separadas. Ferramentas relacionadas: Continue o fluxo com Codificador e Descodificador Base64, Conversor de ficheiros Base64, Decodificador de imagens Base64.
Estas ferramentas relacionadas ajudam em tarefas próximas de conversão, formatação, validação, geração e limpeza.
Perguntas frequentes
Como converto RGB em HEX?
Escreva ou cole o valor RGB, por exemplo rgb(255, 0, 0), no campo RGB. O campo HEX mostra de imediato #ff0000, e os campos HSL, HWB, LCH, CMYK e Nome também se atualizam. Use o ícone de copiar ao lado de um campo para copiar esse valor.
Como converto um código de cor HEX em RGB ou HSL?
Introduza o código no campo HEX incluindo o sinal #, por exemplo #1ea54c. Funcionam códigos de três, quatro, seis e oito dígitos (os dois últimos incluem transparência). Os campos RGB e HSL mostram então a mesma cor, pronta a copiar para o seu CSS.
Que formatos de cor suporta o conversor?
HEX, RGB, HSL, HWB, LCH, CMYK e nomes de cores CSS, além de um seletor de cores visual. Cada campo aceita qualquer destas notações, por isso colar red ou hsl(0, 100%, 50%) em qualquer caixa converte a cor para todos os outros formatos.
Porque é que o campo Nome mostra um nome de cor diferente?
O campo Nome mostra a palavra-chave de cor CSS padrão mais próxima. Se a sua cor não for exatamente uma das cores CSS com nome, aparece a mais próxima, por isso trate o nome como uma aproximação e não como uma correspondência exata.
O valor CMYK é preciso para impressão?
O valor CMYK é uma conversão matemática simples a partir de RGB, sem perfil de cor ICC. É um bom ponto de partida, mas as cores impressas dependem da impressora, do papel e do perfil, por isso peça à gráfica valores baseados em perfis para cores de marca críticas.
Porque vejo uma mensagem de formato inválido?
O texto não pôde ser lido como uma cor. As causas mais comuns são um código HEX sem o sinal #, o número errado de dígitos ou um parêntese em falta. Siga o exemplo de cada campo, como hsl(0, 100%, 50%) ou cmyk(0, 100%, 100%, 0).
Como usar esta ferramenta online
Com Conversor de Cor, você pode formatar, validar, converter, decodificar, codificar, gerar ou inspecionar dados rapidamente no navegador, sem abrir um aplicativo pesado. Comece pelo campo de entrada ou pelas opções visíveis, revise o resultado e copie ou baixe a saída.
Processamento privado no navegador
Conversor de Cor mantém o processamento normal localmente no seu navegador. Isso ajuda com trechos de código, tokens, documentos, valores de configuração, textos e outros materiais que não devem ser enviados a um serviço remoto sem necessidade.
Quando esta ferramenta é útil
Use Conversor de Cor para tarefas repetitivas de desenvolvimento, documentação técnica, verificações de QA, conversões rápidas, depuração, limpeza de conteúdo e fluxos internos de equipe. A página prioriza entradas claras, retorno imediato e uma saída fácil de reutilizar.
Dicas práticas
Antes de copiar o resultado final, confira detalhes como espaços, maiúsculas, nomes de arquivo, codificação, estrutura de tokens, quebras de linha ou formato de saída. Pequenas verificações evitam erros em código, relatórios, tickets, e-mails ou notas técnicas.