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
| Matiz (H) | Ajustado módulo 360 — aceita qualquer número |
|---|---|
| Saturação e luminosidade | Ajustadas à faixa de 0% a 100% |
| Faixa do resultado | Cada canal R/G/B é um número inteiro de 0 a 255 |
| Fórmula | Algoritmo padrão HSL → RGB via funções auxiliares hue2rgb |
Quando induz ao erro
- Um matiz fora da faixa 0–360 não é tratado como erro — é ajustado módulo 360, já que a roda de cores é cíclica.
- Saturação e luminosidade fora da faixa 0–100% são ajustadas automaticamente a esses valores.
- O resultado é arredondado para valores R/G/B inteiros — ao converter de volta para HSL depois, pode haver um desvio de uma fração de porcentagem por causa desse arredondamento.
- Com 0% de saturação, o resultado é sempre cinza (R=G=B) independente do matiz informado — é uma propriedade matemática do modelo HSL, não um erro de cálculo.
Como é calculado
O matiz é ajustado à faixa 0–360° e dividido por 360; saturação e luminosidade são convertidas de porcentagens para frações de 0 a 1.
Dois valores auxiliares são calculados a partir da luminosidade e da saturação, definindo os limites de brilho para o matiz atual.
Para cada um dos três canais (vermelho, verde, azul), é tomado um ponto da roda de cores deslocado em um terço de volta em relação ao matiz — isso dá três frações de 0 a 1.
Cada fração é convertida para a faixa 0–255 e arredondada para um inteiro — esses são os valores finais de R, G e B.
Perguntas e respostas
O que acontece se eu digitar um matiz maior que 360?
Ele é ajustado automaticamente módulo 360 — 400°, por exemplo, equivale a 40°, já que a roda de cores é cíclica.
Por que o resultado é sempre cinza com 0% de saturação?
É uma propriedade matemática do modelo HSL: com saturação zero, o matiz não tem efeito, e os três canais RGB ficam iguais entre si.
O resultado vai bater se eu converter de volta para HSL?
Quase sempre, mas arredondar RGB para inteiros pode gerar um desvio de uma fração de porcentagem em relação aos valores originais de saturação e luminosidade.
Meus dados são enviados para algum lugar?
Não, todo o cálculo roda no seu navegador.