Converter de Cores — HEX, RGB, HSL
Converta entre HEX, RGB, HSL e CMYK. Preview da cor e código CSS pronto.
Como funciona — 3 passos simples
1
Insira a cor
Em qualquer formato (HEX, RGB, HSL)
2
Veja as conversões
Todos os formatos automaticamente
3
Copie o formato desejado
Código CSS ou valor para design
6
formatos suportados
Preview
visual em tempo real
0 KB
enviados
Ilimitado
conversões por dia
Formatos de cor na web: quando usar cada um
HEX compacto e universal. RGB permite transparência. HSL intuitivo para ajustes.
Converte instantaneamente entre todos os formatos. Preview visual e código CSS.
Quando usar — 4 situações práticas
Desenvolvimento web
Converta entre formatos para garantir compatibilidade cross-browser.
Design gráfico
Converta HEX para CMYK antes de mandar imprimir.
Temas e skins
Ajuste luminosidade de cores base usando HSL para variações de tema.
Prototipagem
Teste diferentes valores de alpha (transparência) com RGBA para overlays.
O que considerar ao usar esta ferramenta
Confira se o resultado atende ao seu objetivo e mantenha uma cópia do original. Algumas ferramentas utilizam bibliotecas ou serviços externos; os detalhes sobre privacidade estão na política de privacidade.
Perguntas frequentes
Qual formato usar no CSS?
HEX para simples, RGBA para transparência, HSL para ajustes de matiz.
Conversão CMYK é precisa?
Aproximada. Monitores e impressoras têm gamuts diferentes. Faça prova de impressão.
Funciona com cores CSS nomeadas?
Sim, red, blue, transparent e outras são reconhecidas e convertidas.
Posso ajustar transparência?
Sim, canal alpha (0-1) para RGBA e HSLA.
Preview é preciso?
Sim, usa renderizador do navegador — representação mais fiel possível.
Outras ferramentas
Pronto para converter cores?
Insira sua cor em qualquer formato acimaAntes de salvar o resultado
Ao montar uma interface, é comum receber uma cor em HEX e precisar de RGB ou HSL. A conversão facilita reaproveitar a mesma cor em diferentes trechos do CSS.
Verifique o contraste com o fundo e a legibilidade do texto. Formatos equivalentes representam a cor, mas o resultado visual também depende da tela.