Conversor de Cores
Converta valores editáveis de HEX, RGB, RGBA, HSL, HSLA e HSV, pré-visualizando a mesma cor e copiando o formato que o seu código ou sistema de design precis…
Começar a usar
O que esta ferramenta o ajuda a fazer
Converta valores editáveis de HEX, RGB, RGBA, HSL, HSLA e HSV, pré-visualizando a mesma cor e copiando o formato que o seu código ou sistema de design precisa.
Exemplo prático
#3B82F6
rgb(59, 130, 246) · hsl(217, 91%, 60%)
Como o resultado é produzido
RGB armazena a intensidade dos canais vermelho, verde e azul. HSL descreve matiz, saturação e luminosidade; HSV usa valor em vez de luminosidade. A conversão preserva a cor representada, sujeita a arredondamentos e limites de gama.
Fluxos de trabalho úteis
- Traduzir cores de ficheiros de design para CSS
- Criar variantes HSL editáveis a partir de um valor HEX de marca
- Verificar valores alfa antes de usar sobreposições
Limitações importantes
- HEX sem canal alfa é totalmente opaco.
- Conversões repetidas podem alterar o último dígito porque os canais são arredondados.
- Valores numéricos equivalentes podem parecer diferentes em monitores não calibrados.
Perguntas frequentes
As cores HEX e RGB são diferentes?
São duas notações para o mesmo modelo de canais RGB; #3B82F6 e rgb(59,130,246) representam a mesma cor.
Converter uma cor melhora o contraste?
Não. A conversão muda a notação, não o contraste. Teste o par real de primeiro plano e fundo.
O processamento é feito localmente no navegador.