HSL
Hue, Saturation, Lightness
📗 What is HSL? (Kyle)

values: 0 ~ 360 (degrees)
complimentary color: color on the opposite side of the color wheel.
code examples
H
S
L
A
0 ~ 360
0% ~ 100%
0% ~ 100%
0 ~ 1
.bg {
background-color: hsl(0, 100%, 50%); /* pure red: #FF0000 */
background-color: hsla(0, 100%, 50%, 0.5); /* alpha: 0 ~ 1 */
}
Last updated
Was this helpful?