Conversor de Cores - Conversor HEX RGB HSL
Converta cores entre os formatos HEX, RGB, RGBA, HSL e HSV com este conversor de cores online gratuito. Pré-visualização ao vivo e conversão instantânea.
rgb(51, 102, 255)rgba(51, 102, 255, 1)hsl(225, 100%, 60%)hsv(225, 80%, 100%)#3366ffMais Ferramentas
O que é uma Cor HEX?
Uma cor HEX é uma representação hexadecimal de 6 dígitos de uma cor usada em web design e CSS. Ela começa com um símbolo de cerquilha (#) seguido por três pares de dígitos hexadecimais representando os componentes vermelho, verde e azul. Por exemplo, #FF0000 representa vermelho puro (255 vermelho, 0 verde, 0 azul). As cores HEX são o formato mais comum no desenvolvimento web porque são compactas e universalmente suportadas.
RGB vs HSL
RGB
RGB (Vermelho, Verde, Azul) representa cores como uma combinação de luz vermelha, verde e azul. Cada componente varia de 0 a 255. RGB é intuitivo para máquinas, mas menos intuitivo para humanos — é difícil visualizar como misturar vermelho, verde e azul produz um tom específico.
HSL
HSL (Matiz, Saturação, Luminosidade) representa cores de uma forma que corresponde à percepção humana. Matiz é o tipo de cor (0-360 graus na roda de cores), saturação é a intensidade (0-100%) e luminosidade é o brilho (0-100%). HSL é mais intuitivo para designers e facilita a criação de variações de cor.
Exemplos de Formatos de Cor
HEX#3366FF — Usado em CSS, HTML e desenvolvimento web. Hexadecimal de 6 dígitos, suporta forma abreviada (#36F).RGBrgb(51, 102, 255) — Usado em CSS. Cada valor de 0 a 255.RGBArgba(51, 102, 255, 0.8) — RGB com transparência alfa (0.0 a 1.0).HSLhsl(225, 100%, 60%) — Matiz (0-360), Saturação e Luminosidade (0-100%).HSVhsv(225, 80%, 100%) — Matiz, Saturação e Valor. Usado em softwares gráficos e seletores de cores.Como Usar o Conversor de Cores
- 1
Escolha uma cor usando o seletor de cores ou digite um valor HEX/RGB
- 2
Veja todos os formatos de cor atualizarem instantaneamente — HEX, RGB, RGBA, HSL e HSV
- 3
Clique em "Cor Aleatória" para descobrir novas cores
- 4
Use os botões de copiar para copiar qualquer formato para a área de transferência
Perguntas Frequentes
Como converter HEX para RGB?
As cores HEX são simplesmente uma representação hexadecimal dos valores RGB. Para converter HEX para RGB: divida o código HEX de 6 dígitos em três grupos de 2 dígitos (ex. #FF8040 se torna FF=255, 80=128, 40=64). Cada par é um número hexadecimal representando os componentes vermelho, verde e azul de 0-255. Nosso conversor faz isso automaticamente — basta escolher ou digitar qualquer cor.
Qual formato de cor o CSS usa?
CSS suporta vários formatos de cor: HEX (#FF0000), RGB/rgb(255,0,0), RGBA/rgba(255,0,0,0.5), HSL/hsl(0,100%,50%) e cores nomeadas (red, blue). CSS moderno também suporta formatos mais recentes como HWB, LAB, LCH e OKLCH. HEX e RGB são os mais amplamente suportados e comumente usados no desenvolvimento web.
Qual é a diferença entre HSL e HSV?
Tanto HSL quanto HSV usam matiz e saturação, mas diferem no terceiro componente. HSL usa Luminosidade — 50% é a cor pura, 0% é preto e 100% é branco. HSV usa Valor (ou Brilho) — 100% é a cor pura e 0% é preto. HSL é mais comum em CSS e web design, enquanto HSV é mais comum em softwares de edição de imagem e seletores de cores.
Meus dados são enviados para um servidor?
Não. Toda a conversão de cores acontece inteiramente no seu navegador usando JavaScript. Nenhum dado é enviado ou armazenado. Sua privacidade está totalmente protegida.
Encontrou um problema com esta ferramenta?
Reportar um problema