Conversor de Cores
Converta cores entre formatos HEX, RGB e HSL instantaneamente. Use o seletor de cores ou insira valores manualmente. Todas as conversões acontecem ao vivo no seu navegador enquanto você digita.
Conversor de Cores
Escolha uma cor ou insira valores em qualquer formato para converter entre HEX, RGB e HSL.
Como Funciona a Conversão de Cores
Cores HEX usam uma notação hexadecimal de seis dígitos prefixada com #. Cada par de dígitos representa os canais Vermelho, Verde e Azul respectivamente, com valores de 00 a FF (0 a 255 em decimal).
RGB (Vermelho, Verde, Azul) é o modelo de cores mais comum para telas. Cada canal varia de 0 a 255, proporcionando mais de 16 milhões de combinações de cores possíveis.
HSL (Matiz, Saturação, Luminosidade) é um modelo de cores mais legível para humanos. A Matiz é um grau na roda de cores (0-360), enquanto Saturação e Luminosidade são porcentagens. HSL facilita criar variações de uma cor ajustando propriedades individuais.
Referência de Formatos de Cores
| Formato | Sintaxe | Exemplo | Melhor Para |
|---|---|---|---|
| HEX | #RRGGBB | #FF5733 | Abreviação CSS, especificações de design |
| RGB | rgb(R, G, B) | rgb(255, 87, 51) | Propriedades CSS, uso programático |
| HSL | hsl(H, S%, L%) | hsl(11, 100%, 60%) | Paletas de cores, ajuste de acessibilidade |
Perguntas Frequentes
Qual é a diferença entre HEX, RGB e HSL?
HEX é uma representação hexadecimal de uma cor (ex.: #FF5733). RGB define uma cor pelos seus componentes Vermelho, Verde e Azul (0-255 cada). HSL define uma cor por Matiz (0-360 graus), Saturação (0-100%) e Luminosidade (0-100%). Todos descrevem as mesmas cores, mas de maneiras diferentes.
Como converter HEX para RGB?
Para converter HEX para RGB, divida o código hex de 6 dígitos em três pares. Converta cada par de hexadecimal para decimal para obter os valores de Vermelho, Verde e Azul. Por exemplo, #FF5733 se torna R:255, G:87, B:51.
Quando devo usar HSL em vez de RGB?
HSL é mais intuitivo para designers porque você pode facilmente ajustar luminosidade ou saturação sem alterar a matiz. É ótimo para criar paletas de cores, estados de hover e variações de cores acessíveis.
A conversão de cores é feita localmente?
Sim, todas as conversões de cores acontecem inteiramente no seu navegador usando JavaScript. Nenhum dado é enviado para qualquer servidor, garantindo total privacidade e resultados instantâneos.