Conversor de cores: HEX, RGB e HSL
Converta uma cor entre HEX, RGB e HSL, com ou sem transparência, direto no navegador.
- Roda no seu navegador
Resultado
O resultado aparece aqui.
Formatos aceitos
- HEX: #rgb, #rgba, #rrggbb ou #rrggbbaa, com ou sem o sinal #.
- RGB: rgb(255, 99, 71) ou rgba(), com canais de 0 a 255, separados por vírgula ou espaço.
- HSL: hsl(9, 100%, 64%) ou hsla(), com matiz de 0 a 360 e porcentagens de 0 a 100.
- Transparência: alfa de 0 a 1 ou em porcentagem. Com alfa, a saída traz #rrggbbaa, rgba() e hsla().
Exemplos de conversão
| Entrada | HEX | RGB | HSL |
|---|---|---|---|
| #1e90ff | #1e90ff | rgb(30, 144, 255) | hsl(210, 100%, 56%) |
| rgb(255, 99, 71) | #ff6347 | rgb(255, 99, 71) | hsl(9, 100%, 64%) |
| hsl(120, 100%, 25%) | #008000 | rgb(0, 128, 0) | hsl(120, 100%, 25%) |
| hsla(210, 50%, 40%, 0.25) | #33669940 | rgba(51, 102, 153, 0.25) | hsla(210, 50%, 40%, 0.25) |
Arredondamento e limites
O HSL sai em números inteiros, com meio ponto arredondando para cima; HEX e RGB são exatos quando a entrada é HEX ou RGB; partindo de HSL, o resultado é arredondado para o RGB de 8 bits. Por isso ir e voltar pode mudar um ponto: hsl(0, 30%, 30%) vira #633636 e, lida de novo, aparece como hsl(0, 29%, 30%).
Valores fora da faixa, como rgb(256, 0, 0) ou matiz 361, são recusados em vez de cortados. Nomes de cor do CSS, como tomato, não são reconhecidos.
Perguntas frequentes
Como converter hex para rgb?
Separe o HEX em três pares e converta cada um de base 16 para decimal: em #1e90ff, 1e vale 30, 90 vale 144 e ff vale 255, ou seja, rgb(30, 144, 255).
Como converter rgb para hex?
Cada canal vira dois dígitos hexadecimais. Em rgb(255, 99, 71): 255 é ff, 99 é 63 e 71 é 47, formando #ff6347.
Como converter hsl para rgb?
Informe o HSL no campo e leia o RGB. O verde hsl(120, 100%, 25%) corresponde a rgb(0, 128, 0), em HEX #008000.