Conversor de Cores
Converta cores entre HEX, RGB, HSL, OKLCH e CMYK. Picker visual incluído. Online e grátis.
O que é esta ferramenta?
O Conversor de Cores traduz valores entre formatos como HEX, RGB e HSL para manter frontend, handoff de design e QA visual consistentes.
Como usar
- Cole uma cor em formato suportado.
- Converta para o formato exigido por CSS, design system ou documentação.
- Confira o resultado na interface onde contraste e tema são visíveis.
Exemplo prático
Um token de design pode estar em HEX e ser implementado como RGB no CSS.
HEX: #7c6dfa
RGB: rgb(124, 109, 250)
Uso: alinhar variáveis CSS com tokens de design.API
Use exemplos de API quando conversão de cores fizer parte de um fluxo de design system.
Quando usar
Ferramentas relacionadas
Privacidade
Valores de cor normalmente não são sensíveis, mas paletas de marca não lançadas podem ser confidenciais.
Perguntas frequentes
Qual a diferença entre HEX e RGB?
HEX é notação hexadecimal compacta; RGB mostra canais vermelho, verde e azul numericamente.
Isso testa contraste?
Não. Use conversão como etapa e valide contraste com ferramenta própria.
Por que usar HSL?
HSL facilita ajustar matiz, saturação e luminosidade em estados de UI.
Limitações / quando não usar
Converter cor não garante contraste acessível. Verifique contraste e estados visuais separadamente.