Conversor de Código de Cor Online Gratuito
Converta cores entre HEX, RGB, HSL, HSV e CMYK.
Who uses the Conversor de Código de Cor?
- Desenvolvedores frontend convertendo uma amostra HEX de uma ferramenta de design para RGB ou HSL para uma variável CSS.
- Estudantes aprendendo como HEX, RGB e HSL representam a mesma cor de formas diferentes.
- Designers conferindo um valor de cor copiado de um guia de estilo ou captura de tela.
How the Conversor de Código de Cor works
Escolha uma aba — HEX, RGB ou HSL — de acordo com o formato da sua cor.
Digite o valor: um código HEX como #FF5733, ou campos numéricos R/G/B ou H/S/L.
Os outros dois formatos e a amostra de cor são atualizados automaticamente enquanto você digita.
Leia os valores HEX, RGB e HSL na linha de resultado abaixo da amostra.
Tips & tricks
- Alterne de aba de acordo com seu formato de entrada — os campos de cada aba são independentes, não um único campo universal.
- A amostra é atualizada em tempo real, permitindo verificar visualmente um valor convertido antes de copiá-lo.
- O HSL costuma ser mais fácil para ajustar o brilho ou a intensidade de uma cor — aumente L para clarear, diminua S para dessaturar.
- Não há canal alfa/transparência — para CSS com transparência, adicione o valor alfa manualmente depois de converter (ex.: rgba(r, g, b, 0.5)).
Frequently Asked Questions
Quais formatos de cor CSS esta ferramenta suporta?
Esta ferramenta converte entre HEX (3 ou 6 dígitos), RGB e HSL — os três formatos de cor CSS mais comuns. Ainda não suporta canais alfa RGBA/HSLA, HSB/HSV, CMYK, nem cores CSS nomeadas como "coral".
Qual é a diferença entre RGB e HSL?
RGB define uma cor por seus componentes vermelho, verde e azul (0–255 cada). HSL a define por matiz (0-360°), saturação (0-100%) e luminosidade (0-100%) — geralmente mais intuitivo para ajustar uma cor, já que você pode clareá-la ou dessaturá-la sem recalcular o RGB.
Como converto uma cor CSS nomeada como "coral" para HEX?
Esta ferramenta não pesquisa cores nomeadas — digite diretamente o valor HEX dela (coral = #FF7F50). Você pode encontrar o valor HEX de uma cor nomeada na especificação CSS Color Module ou no seletor de cores de qualquer navegador.
O que é HSB/HSV e esta ferramenta suporta?
HSB (matiz, saturação, brilho), também chamado HSV, é usado no Photoshop e em muitas ferramentas de design — é semelhante ao HSL, mas define o terceiro canal de forma diferente. Esta ferramenta converte apenas HEX/RGB/HSL; se sua origem for HSB, converta-a primeiro na sua ferramenta de design.
Posso converter cores com propriedades personalizadas do CSS (variáveis)?
Digite o valor de cor real, não o nome da variável. Resolva --my-color para seu valor primeiro, depois converta. A ferramenta trabalha com valores de cor reais, não com referências a variáveis CSS.
Is my data safe when using the Conversor de Código de Cor?
Completely safe. The Conversor de Código de Cor processes everything locally in your browser. No input data, results, or usage information is ever transmitted to or stored on any server.
Can I use the Conversor de Código de Cor output in commercial projects?
Yes. The Conversor de Código de Cor is a utility tool and its output carries no licensing restrictions. You are free to use results in any project, commercial or personal.
Does the Conversor de Código de Cor follow official standards?
Yes. The Conversor de Código de Cor is built to comply with the relevant industry standard or specification for this utility type. If you encounter an unexpected result, verify your input against the specification — edge cases outside the standard may produce undefined behaviour.