Visualização ao vivo
Confirme a cor visível ao editar seu valor.
Conversor de cores
Converta cores entre HEX, RGB e HSL com uma visualização ao vivo.
Cor HEX, RGB ou HSL
Privado por padrãoSuas entradas e arquivos são processados neste dispositivo.
Gratuito e instantâneoNenhuma conta, fila ou instalação de software é necessária.
Pronto para usarCopie ou baixe os resultados assim que forem gerados.
Como usar Conversor de cores
Obtenha um resultado confiável em três etapas simples.
Insira ou escolha uma cor
Use HEX, RGB, HSL ou o seletor visual de cores.
Revise todos os formatos
Os valores HEX, RGB e HSL equivalentes são atualizados juntos.
Copie o que você precisa
Clique em qualquer linha de saída para copiá-la para sua folha de estilo ou arquivo de design.
Construído para o trabalho diário
Útil sem muito trabalho
Controles focados, feedback imediato e nenhuma relação entre você e o resultado.
Formatos CSS comuns
Mova-se de forma limpa entre os formatos usados pelos navegadores e ferramentas de design.
Cópia com um clique
Cada resultado normalizado está pronto para ser colado.
Guia prático
O que é Conversor de cores?
Um conversor de cores expressa a mesma cor visível em diferentes sistemas de notação. HEX é comum em transferências de design, RGB espelha canais de cores da tela e HSL descreve matiz, saturação e luminosidade.
Alterar a notação não altera a cor pretendida. Pequenas diferenças podem ocorrer quando os valores baseados em porcentagem são arredondados para uma saída legível.
Aplicações práticas
Quando usar esta ferramenta
Maneiras comuns Conversor de cores cabe em projetos reais e tarefas diárias.
Autoria CSS
Converta valores HEX de design em declarações RGB ou HSL.
Sistemas de design
Normalize tokens recebidos em formatos de cores mistas.
Ajuste de tema
Use HSL para ajustar a luminosidade ou saturação sistematicamente.
Garantia de qualidade
Verifique se dois valores escritos de forma diferente representam a mesma cor.
Respostas úteis
Perguntas frequentes
Respostas rápidas sobre conversor de cores e como esta página funciona.
A conversão de HEX em RGB altera a cor?
Não. Ambas as notações descrevem os mesmos valores dos canais vermelho, verde e azul.
Para que é útil o HSL?
O HSL torna o matiz, a intensidade da cor e o brilho mais fáceis de ajustar de forma independente.
Os valores alfa são suportados?
O conversor atual concentra-se em cores opacas HEX, RGB e HSL.
Por que alguns valores HSL são arredondados?
As porcentagens e os valores de matiz são arredondados para uma saída CSS legível.