Conversor de Cores RGB para HEX
Converta cores entre RGB, HEX, HSL e HSV. Visualize a cor em tempo real.
Publicidade
Sobre Conversor de Cores RGB para HEX
Converta cores entre HEX, RGB, HSL e HSV com prévia em tempo real — para CSS, design systems, Figma e qualquer lugar onde a cor precisa bater exatamente.
HEX, RGB e HSL: quando usar cada um
HEX (#7C3AED) é o formato compacto clássico do CSS. RGB expõe os canais e facilita transparência com rgba(). HSL descreve a cor por matiz, saturação e luminosidade — o melhor para criar variações claras/escuras de uma mesma cor.
Gerando paletas consistentes
Para clarear ou escurecer uma cor mantendo a identidade, converta para HSL e ajuste só o L. Botões hover, bordas e fundos derivados da mesma matiz deixam a interface coesa — muito melhor que chutar HEX aleatórios.
Exemplos práticos
- #7C3AED = rgb(124, 58, 237) = hsl(262, 83%, 58%)
Dicas
- Use HSL para criar estados hover/active da mesma cor
- Confira contraste texto/fundo para acessibilidade (WCAG)
Explore também outras ferramentas no CalcVerse e leia nosso blog.
Publicidade