HSL significa Tonalidade, Saturação & Leveza e é uma das principais formas de representar os valores de cor RGB. Você também verá frequentemente HSB, para Hue, Saturation & Brightness, que é essencialmente a mesma coisa. Pode ser confuso no início entender o que tudo isso significa, então aqui está um pequeno post para ajudar você a entender tudo isso. Isso deve ajudá-lo quando chegar a hora de brincar com cores no Photoshop e tonificar suas fotos. Eu também posso ajudar no uso adequado dos diferentes modos de mistura.
A principal vantagem de definir cores em termos de tonalidade, saturação e leveza é que muitas vezes é mais intuitivo do que definir uma cor apenas em termos dos valores de Vermelho, Verde e Azul. É fácil imaginar como seria uma versão menos saturada de uma cor, por exemplo.
Matriz
A tonalidade é o que nós mais frequentemente pensamos como cor. É calculada em graus da roda de cor e refere-se a uma roda de cor que vai do vermelho, ao amarelo, à cal, ao aqua, ao azul, ao magenta, e finalmente de volta ao vermelho. Por este motivo, 0° na roda de cor de tonalidade é vermelho e depois 360° é vermelho novamente. A tonalidade refere-se sempre à cor base.
Saturação
Saturação é o quão pura é a tonalidade. Uma saturação total significa que a tonalidade de base pura é usada. A saturação é calculada como um valor percentual entre 0% e 100%. 0% de saturação será sempre preto.
Luz / Brilho
Luz (ou brilho) é a quantidade de branco ou preto misturado com a cor. É também calculada como um valor percentual entre 0% e 100%. 0% de luminosidade também será sempre preto.
Dica final: No Photoshop, você poderá ver como a HSL é calculada. No seletor de cores principal, se você mover o ponto de cor da esquerda para a direita, você verá que o valor de Saturação é atualizado, então se você mover o ponto de cor de cima para baixo, é o valor de Luminosidade (Brightness) que é atualizado. Finalmente, se você selecionar uma cor base diferente à direita do seletor vertical de cores, a tonalidade será atualizada.