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
| Formatos aceitos | HEX de 3 dígitos (#RGB) e de 6 dígitos (#RRGGBB) |
|---|---|
| Etapa intermediária | O HEX é convertido primeiro para RGB, depois para HSV |
| Faixa do matiz | De 0° a 360° |
| Faixa de saturação e valor | De 0% a 100% |
Quando induz ao erro
- HSV não é o único modelo cilíndrico — não o confunda com o modelo semelhante, mas distinto, HSL (o matiz é definido da mesma forma, mas saturação e luminosidade/valor são calculados de maneira diferente).
- Em cores muito escuras (valor próximo de 0%) o matiz e a saturação perdem relevância — matizes visualmente diferentes podem parecer a mesma cor quase preta.
- Com saturação zero (tons de cinza, incluindo preto e branco) o matiz não é matematicamente definido — o conversor mostra 0° nesse caso.
- O resultado é apenas outro sistema de coordenadas para a mesma cor, não um espaço de cor diferente.
Como é calculado
O código HEX é decomposto em três canais — vermelho, verde e azul, cada um de 0 a 255 (um código abreviado de 3 dígitos é primeiro expandido para 6 dígitos).
Os valores R, G, B são normalizados dividindo por 255, dando números de 0 a 1.
O valor (V) é o máximo dos valores normalizados R, G, B; a saturação (S) é a razão entre a diferença do máximo e do mínimo e o máximo.
O matiz (H) é calculado com base em qual canal é o máximo, usando uma fórmula por partes que resulta em um valor de 0° a 360°.
Perguntas e respostas
Qual a diferença entre HSV e HSL?
O matiz é definido da mesma forma nos dois modelos, mas saturação e luminosidade/valor usam fórmulas diferentes, então porcentagens idênticas em HSL e HSV produzem cores diferentes.
Posso digitar o HEX sem o símbolo #?
Sim, o # é opcional — o conversor entende o código com ou sem ele.
O HEX abreviado de 3 dígitos funciona?
Sim, o conversor o expande automaticamente para a forma completa de 6 dígitos antes de calcular.
Meus dados são enviados para algum lugar?
Não, todo o cálculo roda no seu navegador.