Resultado
Esta página não tem lado servidor nenhum. A tabela colada é processada por JavaScript dentro do seu próprio navegador, o gráfico é desenhado num elemento canvas da sua máquina e o arquivo de exportação é montado localmente. Nada é enviado, armazenado ou gravado em qualquer log. Você pode desconectar a rede depois que a página carregar e tudo continuará funcionando — é a forma mais simples de verificar você mesmo.
Fatos e limites do método
| Faixa de cada canal | De 0 a 255 inclusive |
|---|---|
| Matiz (H) | De 0 a 360 graus |
| Saturação e luminosidade | De 0% a 100% |
| Arredondamento | Todos os valores RGB e do resultado são arredondados para inteiro |
Quando induz ao erro
- Valores fora da faixa 0–255 são ajustados automaticamente a esses limites em vez de rejeitados com erro.
- Para cores cinza puras (R=G=B), a saturação é zero e o matiz não é matematicamente definido — o conversor mostra 0° nesse caso, uma convenção e não um valor com significado.
- Arredondar os valores RGB de entrada para inteiros antes do cálculo pode fazer com que cinzas muito parecidos, mas não idênticos, deem o mesmo resultado HSL.
- O resultado é só outra forma de escrever os mesmos números, não um espaço de cor diferente — HSL não carrega informação extra de perfil de cor em relação ao RGB.
Como é calculado
Os valores R, G e B são normalizados para a faixa 0–1 dividindo por 255.
A luminosidade é calculada como a média entre o canal mais alto e o mais baixo dos três.
Se o máximo e o mínimo forem iguais, a saturação e o matiz são zero (cinza); senão, a saturação é calculada pela diferença entre o máximo e o mínimo em relação à luminosidade, e o matiz por qual canal ficou mais alto.
As frações resultantes são convertidas para graus (0–360) e porcentagem (0–100) e arredondadas para números inteiros.
Perguntas e respostas
Por que o matiz é 0° para uma cor cinza?
Com saturação zero, o matiz não é matematicamente definido — 0° é só uma convenção, qualquer valor de matiz parece igual nessa saturação.
HSL é mais preciso que RGB?
Não, é só outra forma de descrever a mesma cor — os dois formatos definem o mesmo ponto no espaço de cor.
Posso digitar valores RGB decimais?
Sim, mas eles são arredondados para o inteiro mais próximo dentro da faixa 0–255 antes do cálculo.
Meus dados são enviados para algum lugar?
Não, todo o cálculo roda no seu navegador.