HSL

HSL

  • Introduced with CSS3

  • Provides an alternative way to express colors based on:

    • Hue (expressed as an angle between 0 and 360 degrees)

    • Saturation (expressed as a percentage)

    • Lightness (expressed as a percentage 0% => white, 50% => normal & 100% => black)


body {
  background-color: hsl(0, 0%, 78%);
}