Conversor de Cores – HEX, RGB, HSL
Digite ou cole uma cor em qualquer formato e veja a conversão instantânea para HEX, RGB e HSL. Copie qualquer valor com um único clique.
Paste or type a color to convert
Supports HEX, RGB, and HSL formats
Try an example
Mais ferramentas
Picker
Seletor de Cores
Faça upload de uma imagem e clique para extrair códigos de cor HEX, RGB e HSL.
Checker
Verificador de Contraste
Verifique as proporções de contraste de cores em relação aos padrões WCAG AA e AAA.
Generator
Gerador de Paleta
Gere paletas de cores harmoniosas a partir de qualquer cor base.
Converta Cores entre HEX, RGB e HSL
Trabalhar com cores em diferentes ferramentas exige, quase sempre, converter entre formatos. Este conversor cuida de HEX, RGB e HSL — os três formatos mais usados em desenvolvimento web e design digital.
Basta digitar ou colar um valor de cor em qualquer formato suportado. O conversor detecta automaticamente se você inseriu um código HEX, um valor RGB ou HSL, e exibe as três representações na hora.
Formatos de Cor Suportados
- HEX — ex.: #3B82F6 ou #f00 (abreviado)
- RGB — ex.: rgb(59, 130, 246)
- HSL — ex.: hsl(217, 91%, 60%)
Cada resultado é gerado como um valor CSS pronto para uso — é só copiar e colar direto no seu código.
Como Usar o Conversor de Cores
- Digite um valor de cor no campo de entrada — HEX, RGB ou HSL
- O formato é detectado automaticamente
- Veja os valores convertidos para os três formatos abaixo do campo
- Clique no botão de cópia ao lado de qualquer formato para copiar para a área de transferência
Casos de Uso Comuns
- Converter um código HEX de um arquivo de design para RGB no CSS
- Obter a versão HSL de uma cor para ajustar brilho ou saturação
- Traduzir valores RGB de um editor de imagens para HEX no HTML
- Verificar rapidamente se dois valores de cor em formatos diferentes representam a mesma cor
Quando Usar HEX, RGB ou HSL
HEX é o formato mais compacto e amplamente usado em CSS e HTML. RGB é comum em ferramentas de design e editores de imagem. HSL é o mais legível para humanos — ele separa matiz, saturação e luminosidade, facilitando ajustes manuais de cor.
Não existe um formato único que seja o melhor para tudo. Use o que o seu fluxo de trabalho pedir — e quando precisar alternar entre eles, este conversor faz isso em um instante.
Perguntas Frequentes
- Como converter HEX para RGB?
- Cole seu código HEX (ex.: #3B82F6) no campo de entrada. O equivalente em RGB aparece instantaneamente abaixo.
- Como converter RGB para HEX?
- Insira seu valor RGB no formato rgb(59, 130, 246). O código HEX será exibido junto com o valor HSL.
- O que é HSL?
- HSL significa Matiz (Hue), Saturação (Saturation) e Luminosidade (Lightness). Ele descreve cores de um jeito mais intuitivo — você pode alterar o brilho ou a vivacidade de uma cor sem mexer no tom base.
- A ferramenta aceita códigos HEX abreviados?
- Sim. Você pode digitar códigos como #f00 ou #abc e eles serão expandidos e convertidos corretamente.
- O conversor é gratuito?
- Sim. O ColourPicker.app é totalmente gratuito, sem necessidade de cadastro.
- Funciona no celular?
- Sim. O conversor de cores funciona em qualquer dispositivo com um navegador moderno — computador, tablet ou celular.