A codificação HSL (TSL)

Março 2017

A codificação HSL


A codificação HSL

O modelo HSL (Hue, Saturation, Luminance, ou em português TSL), que se baseia nos trabalhos do pintor Albert H.Munsell (que criou o Atlas de Munsell), é um modelo de representação dito “natural”, ou seja, próximo da percepção fisiológica da cor pelo olho humano. Com efeito, o modelo RGB, apesar de adaptado para a representação informática da cor ou a afixação nos periféricos de saída, não permite seleccionar facilmente uma cor.

Com efeito, o ajustamento da cor em RGB nos instrumentos informáticos faz-se geralmente com a ajuda de três barras que deslizam ou três compartimentos com os valores relativos de cada um dos componente primários, ora o esclarecimento de uma cor exige que se aumente proporcionalmente os valores respectivos de cada um dos componentes. Assim, o modelo HSL foi desenvolvido para paliar esta lacuna do modelo RGB.

O modelo HSL consiste em decompor a cor de acordo com critérios fisiológicos :

  • a tonalidade (em inglês Hue), correspondendo à percepção da cor (T-shirt roxa ou laranja),
  • a saturação, descrevendo a pureza da cor, ou seja o seu carácter vivo ou desbotado (T-shirt nova ou debotada),
  • a luminância, indicando a quantidade de luz da cor, ou seja o seu aspceto claro ou sombrio (T-shirt ao sol ou à sombra).



Eis uma representação gráfica do modelo HSL, no qual a tonalidade é representada por um círculo cromático e a luminância e a saturação por dois eixos :

Representação gráfica do modelo HSL



O modelo HSL foi criado com o objectivo de permitir uma escolha interactiva rápida de uma cor, mas não está adaptado para uma descrição quantitativa de uma cor.

Existe outros modelos naturais de representação, próximos do modelo HSL :

  • HSB: Hue, Saturation, Brightness ou seja Tonalidade, Saturação, Brilho em português. O brilho descreve a percepção da luz emitida por uma superfície.
  • HSV: Hue, Saturation, Value ou seja Tonalidade, Saturação, Valor em português
  • HSI : Hue, Chrominance, Intensity ou seja Tonalidade, Saturação, Intensidade em português
  • HCI : Hue, Chrominance, Intensity ou seja Tonalidade, Chrominance, Intensidade

Veja também


HSL (TSL) coding
HSL (TSL) coding
Código HSL
Código HSL
Le codage HSL (TSL)
Le codage HSL (TSL)
La codifica HSL (TSL)
La codifica HSL (TSL)
Este documento, intitulado 'A codificação HSL (TSL)', está disponível sob a licença Creative Commons. Você pode copiar e/ou modificar o conteúdo desta página com base nas condições estipuladas pela licença. Não se esqueça de creditar o CCM (br.ccm.net) ao utilizar este artigo.