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) | Qualquer número — ajustado módulo 360, valores negativos são tratados ciclicamente |
|---|---|
| Saturação e luminosidade | Ajustadas à faixa de 0% a 100% |
| Formato do resultado | #RRGGBB — seis dígitos hexadecimais, letras maiúsculas |
| Etapa intermediária | HSL é convertido primeiro para RGB, depois RGB para HEX |
Quando induz ao erro
- Um matiz fora da faixa 0–360 não é tratado como erro — ele é ajustado módulo 360 (400°, por exemplo, equivale a 40°, e −30° equivale a 330°), já que a roda de cores é cíclica.
- Saturação e luminosidade fora da faixa 0–100% são ajustadas automaticamente a esses limites.
- A conversão acontece em duas etapas matemáticas (HSL → RGB → HEX), e a etapa RGB arredonda para números inteiros de 0 a 255 — por isso, converter o HEX resultante de volta para HSL pode dar valores com uma fração de porcentagem de diferença em relação à entrada original.
- Com 0% de saturação, o matiz não tem efeito nenhum no resultado — qualquer valor de H produz o mesmo cinza, determinado só pela luminosidade.
Como é calculado
O matiz é ajustado à faixa 0–360° e convertido em uma fração de 1 (dividido por 360); saturação e luminosidade são convertidas de porcentagens para frações de 0 a 1.
Com a fórmula padrão HSL → RGB, dois valores auxiliares são calculados a partir da luminosidade e da saturação, e então cada um dos três canais de cor (vermelho, verde, azul) pega um ponto diferente da roda de cores, deslocado em um terço de volta.
Cada um dos três canais resultantes é convertido de uma fração (0–1) de volta para a faixa 0–255 e arredondado para um número inteiro.
Os três canais são convertidos para hexadecimal da mesma forma que no conversor de RGB para HEX, e unidos no código final com um "#" na frente.
Perguntas e respostas
O que acontece se eu digitar um matiz maior que 360 ou negativo?
Ele é ajustado automaticamente módulo 360 — a roda de cores é cíclica, então 400° e −320° dão o mesmo resultado que 40°.
Por que o resultado é sempre cinza com 0% de saturação?
Com saturação zero, o matiz não tem efeito matemático na cor — você obtém um tom de cinza determinado só pela luminosidade.
Converter o resultado de volta de HEX para HSL vai bater exatamente?
Quase sempre, mas o arredondamento na etapa intermediária de RGB pode causar uma diferença de uma fração de porcentagem na saturação ou luminosidade.
Meus dados são enviados para algum lugar?
Não, todo o cálculo roda no seu navegador.