Conversor de Cores
Converta valores de cor entre HEX, RGB e HSL e visualize o resultado instantaneamente.
Essa ferramenta facilita trabalho com design systems, CSS, temas e interfaces, exibindo múltiplos formatos da mesma cor.
- Escolha o formato de entrada.
- Digite os valores da cor.
- Clique em Converter cor para ver todos os formatos.
- Converter cores para CSS e design systems.
- Comparar paletas entre ferramentas de design.
- Padronizar tokens visuais em projetos web.
- Checar equivalência entre formatos de cor.
Preciso incluir # no HEX?
Pode incluir ou não. A ferramenta normaliza o valor automaticamente.
RGB aceita valores de 0 a 255?
Sim. Os canais vermelho, verde e azul devem ficar nesse intervalo.
HSL usa quais faixas?
Matiz vai de 0 a 360; saturação e luminosidade vão de 0% a 100%.
- Padronize o formato principal do projeto para evitar ruído em PRs.
- Use HSL para ajustes finos de saturação e luminosidade.
- Mantenha uma referência visual ao revisar cores próximas.
A conversão de cor acontece localmente no navegador, sem envio de dados externos.