Calculadora HSL
RGB (255, 0, 0)
ff0000 #
H:
S:
EU:
HSL Cores
valores de cor HSL são suportados no IE9 +, Firefox, Chrome, Safari e Opera em 10+.
HSL significa matiz, saturação e leveza.
Valores de cor HSL são especificadas com: hsl( hue , saturation , lightness ) .
Matiz
Hue é um grau na roda de cores de 0 a 360. 0 é vermelho, 120 é verde, 240 é azul.
Saturação
A saturação é um valor percentual; 0% significa um tom de cinza e 100% é a cor completa.
Leveza
Leveza é também uma percentagem; 0% é preto, 100% é branco.
Tente você mesmo
valores de cor HSL são suportados em todos os principais navegadores.
Exemplo
<style>
div {
background-color: hsl(180, 50%, 50%);
color: hsl(0, 0%, 100%);
}
</style>
Tente você mesmo "