Conversor de Cores
Introduza um código de cor hex para ver os seus equivalentes RGB e HSL com valores individuais dos canais vermelho, verde e azul.
Como utilizar este conversor de cores
- Introduza o código de cor hex
Escreva um código hex de 6 dígitos no campo de código de cor Hex (ex: FF6B35 ou 00FF88). Omita o símbolo #.
- Leia os valores RGB
Os resultados dos canais Vermelho, Verde e Azul mostram os valores de 0–255 para cada componente.
- Verifique o resultado HSL
Reveja o resultado HSL para matiz (0–360°), saturação e luminosidade — útil para ajustes de cor.
Como funciona este conversor de cores
Esta ferramenta converte um código de cor hexadecimal em representações RGB (vermelho, verde, azul) e HSL (matiz, saturação, luminosidade). Cada par hexadecimal corresponde a um valor de canal de 8 bits (0–255), e a conversão HSL utiliza matemática padrão de espaço de cor.
R = hex[0:2] → decimal; G = hex[2:4] → decimal; B = hex[4:6] → decimal Hex #FF6B35 → RGB(255, 107, 53) → HSL(16, 100%, 60%).
Hex 000000 → RGB(0, 0, 0) → HSL(0, 0%, 0%) — preto puro.
Hex FFFFFF → RGB(255, 255, 255) → HSL(0, 0%, 100%) — branco puro. Hex 808080 → RGB(128, 128, 128) → HSL(0, 0%, 50%) — cinzento médio.
- ✓ A entrada é um código de cor hexadecimal de 6 dígitos válido.
- ✓ O canal alfa não é suportado nesta versão.
- A conversão CMYK requer um perfil de cor e não está incluída aqui.
Compreender os modelos de cor
HEX, RGB e HSL são formas diferentes de descrever a mesma cor. O HEX codifica o RGB como uma string hexadecimal de 6 dígitos: cada par de caracteres é um canal de 8 bits (0–255). O RGB expressa os mesmos valores como três números, as cores primárias aditivas que os ecrãs emitem. O HSL (Matiz, Saturação, Luminosidade) é um modelo cilíndrico: a matiz é o ângulo na roda de cores (0° vermelho, 120° verde, 240° azul), a saturação é a intensidade da cor e a luminosidade é o brilho. Os designers preferem frequentemente o HSL ao ajustar cores programaticamente — alterar apenas a luminosidade escurece ou clareia sem mudar a matiz, e ajustar a saturação altera a vivacidade.
Casos de uso para programadores na conversão de cores
Os programadores convertem cores ao criar sistemas de design, implementar temas, gerar paletas de cores e depurar CSS. Os tokens de design armazenam frequentemente cores em hex; a conversão para RGB ou HSL permite cálculos em tempo de execução, como sobreposições de opacidade ou verificações de contraste acessível. Os seletores de temas podem necessitar de derivar variantes mais claras ou escuras de uma cor base utilizando HSL. Ferramentas de acessibilidade automatizadas convertem cores para calcular rácios de luminância e contraste. Ao depurar erros de layout ou de temas, ver um valor hex como RGB ou HSL ajuda a identificar qual o canal incorreto. A conversão de cores é também utilizada em visualização de dados, bibliotecas de gráficos e personalização dinâmica de interfaces.
Perguntas frequentes
Posso introduzir um código hex de 3 dígitos?
Atualmente, esta ferramenta requer um código de 6 dígitos. Para abreviaturas de 3 dígitos como F60, expanda primeiro para FF6600.
O que é o HSL?
HSL significa Hue (Matiz), Saturation (Saturação) e Lightness (Luminosidade). É uma forma alternativa de descrever cores que alguns designers consideram mais intuitiva do que o RGB.