Conversor HEX ↔ RGB ↔ HSL
Converta cores entre HEX, RGB e HSL instantaneamente com uma amostra ao vivo. Edite qualquer campo — os outros permanecem sincronizados.
HEX ↔ RGB ↔ HSL Converter
Live#C026D3
CSS output
/* HEX */ #c026d3 /* RGB */ rgb(192, 38, 211) /* HSL */ hsl(292, 70%, 49%)
Key capabilities
- Converta cores entre HEX, RGB e HSL instantaneamente com uma amostra ao vivo.
- Executa no seu navegador
- Grátis para usar
Como usar
- Insira um valor HEX, RGB ou HSL.
- Veja os outros formatos atualizados automaticamente.
- Copie o formato que você precisa.
How this tool works
- Insira um valor HEX, RGB ou HSL.
- Veja os outros formatos atualizados automaticamente.
- Copie o formato que você precisa.
Recommended settings
- Use as opções padrão primeiro e depois ajuste se necessário
Supported formats
Text / on-page input
File size and limits
- Visualizações multicamadas muito complexas podem parecer mais lentas em telefones mais antigos.
Privacy
Os geradores de cores e CSS são executados inteiramente no seu navegador. Pré-visualizações e conversões nunca carregam seus estilos.
Common use cases
- Use o conversor HEX ↔ RGB ↔ HSL sempre que precisar: converta cores entre HEX, RGB e HSL instantaneamente com uma amostra ao vivo.
Troubleshooting
A visualização parece diferente depois de colar
Verifique se há CSS concorrentes em sua página (redefinições, cores herdadas). Copie primeiro a regra gerada em uma folha de estilo isolada.
Perguntas frequentes
Isso carrega meu CSS?
Não. Geradores e conversores são executados em seu navegador com visualização ao vivo.
Eu preciso de uma conta?
Não. Abra a ferramenta, ajuste os controles e copie o CSS.
Ferramentas relacionadas
Color Contrast Checker
Check foreground/background contrast against WCAG AA and AAA guidelines.
Open toolCSS Gradient Generator
Build linear, radial, and conic gradients with live preview and copy-ready CSS.
Open toolBox Shadow Generator
Design layered box-shadows with offset, blur, spread, and color — live preview included.
Open tool