Conversor de cores, use assim
Mova o seletor de cores ou insira um valor HEX de 3 ou 6 dígitos seguido de #. Você pode visualizar os resultados RGB e HSL juntos.
Exemplo de uso
#3366FF é RGB(51, 102, 255). As cores inseridas como 3 dígitos, como #fff, são expandidas para 6 dígitos.
Observe
Esta ferramenta lida com cores sRGB opacas. HEX de 4 e 8 dígitos com canal alfa não são suportados.
Instruções passo a passo
- #3366FF ou use o seletor de cores.
- Verifique a visualização da cor e os valores RGB·HSL.
- Copie o resultado para obter os valores necessários, como CSS.
Três expressões de cores
HEX exibe os valores do canal RGB em hexadecimal, e RGB representa vermelho, verde e azul com valores de 0 a 255, respectivamente. O HSL é expresso em termos de ângulo de matiz, saturação e brilho. Esta ferramenta é baseada em sRGB opaco e os valores HSL são arredondados para o número inteiro mais próximo. Ele não verifica o contraste das cores ou a conversão CMYK para impressão.
| HEX | RGB | HSL |
|---|---|---|
| #3366FF | 51, 102, 255 | 225°, 100%, 60% |
| #FFFFFF | 255, 255, 255 | 0°, 0%, 100% |
| #000000 | 0, 0, 0 | 0°, 0%, 0% |
Perguntas frequentes
#fff e #ffffff são da mesma cor?
Sim. Repita cada caractere do HEX de três dígitos duas vezes para expandi-lo para seis dígitos.
As cores podem incluir transparência?
Atualmente, apenas HEX de 3 e 6 dígitos são suportados. Canais alfa de HEX e RGBA de 4 e 8 dígitos não são processados.
Quando convertido novamente para HSL, os valores são ligeiramente diferentes.
HSL na tela é arredondado para números inteiros. Mantenha o HEX original, pois conversões repetidas podem resultar em pequenas diferenças.
Escrito e operado por: Gu Ja-hyeok · Revisão de conteúdo: 30/09/2026 · Relatório de erros