Conversor HSV para HSL

HSV e HSL são dois modelos de cor cilíndricos que compartilham o mesmo ângulo de matiz na roda, mas armazenam brilho e vivacidade em eixos diferentes. Motores de jogo, ferramentas de vídeo e muitos seletores nativos falam em HSV, em que o valor é o brilho máximo do canal, enquanto propriedades personalizadas CSS, sistemas de design e rampas de acessibilidade costumam preferir HSL porque a luminosidade se aproxima do preto e do branco de forma simétrica. Este conversor de HSV para HSL aceita o matiz em graus de zero a trezentos e sessenta, a saturação como porcentagem e o valor como porcentagem de zero a cem, e remapeia saturação e valor para saturação e luminosidade HSL copiando o matiz sem alteração.

Como o HSV se mapeia para HSL no mesmo matiz

O matiz é compartilhado pelos dois modelos: zero graus é vermelho puro, cento e vinte é verde puro, duzentos e quarenta é azul puro e trezentos e sessenta fecha o círculo de volta ao vermelho. Os modelos divergem na forma de armazenar vivacidade e brilho. Em HSV, o valor é o máximo dos canais RGB subjacentes em escala unitária, de modo que valor a cem por cento é a cor mais brilhante daquele matiz e saturação, e valor a zero por cento é sempre preto independentemente da saturação.

A saturação HSV estica um cinza daquele valor em direção à cor plenamente cromática no matiz escolhido. Em HSL, a luminosidade vai do preto a zero por cento passando por um tom médio puro perto de cinquenta por cento até o branco a cem por cento, e a saturação HSL estica um cinza dessa luminosidade em direção à croma plena.

Como as geometrias diferem, a saturação numérica em HSV não é o mesmo número que a saturação numérica em HSL para a maioria das cores, mesmo quando a cor percebida coincide após a conversão. O caminho de forma fechada usado aqui opera no intervalo unitário: a luminosidade é o valor vezes um menos a metade da saturação HSV, e a saturação HSL é zero no preto ou no branco; caso contrário, a diferença entre valor e luminosidade dividida pelo mínimo entre luminosidade e um menos luminosidade.

O matiz é copiado sem alteração. O matiz deve situar-se no intervalo fechado de zero a trezentos e sessenta; saturação e valor devem situar-se cada um entre zero e cem por cento inclusive.

Onde a conversão HSV para HSL aparece no trabalho real

Temas nativos móveis, seletores de materiais Unity e Unreal e muitas bibliotecas gráficas expõem controles de brilho baseados em valor; no entanto, sistemas de design costumam documentar rampas de marca em HSL para que as equipes de produto possam escalar a luminosidade com contraste acessível mantendo estáveis o matiz e uma faixa de saturação perceptual. Ferramentas de visualização de dados e arte generativa que armazenam amostras de artista como HSV precisam de um caminho confiável ao exportar tokens como propriedades personalizadas HSL para a web.

Pipelines de vídeo e broadcast que documentam cores em HSV para correção de câmera ainda precisam de HSL ao alimentar CSS e documentação de design. Currículos e bootcamps ensinam modelos cilíndricos lado a lado e precisam de um oráculo confiável único para chaves de exercícios que coincidam com as identidades dos manuais. Fluxos de acessibilidade que recebem HSV de um editor de imagem e depois ajustam a luminosidade percebida em HSL ainda precisam de mapeamento exato de canais sem APIs exclusivas do navegador.

Se mais tarde precisar do caminho inverso HSL para HSV, HSV para RGB, conversão multi-formato HEX LAB CMYK ou verificações de contraste WCAG, trate-os como intenções de busca e landings separados em vez de sobrecarregar esta página dedicada ao conversor HSV para HSL.