Skip to Content

Hue Saturation Lightness

Book: Refactoring UI
  • A way of encoding colour

  • Hue is the position on the color wheel.

    • It is a degree (0 to 360)
  • Saturation is the intensity of the colour

    • Varies from 0% (grey) to 100% (intense, vibrant colour)
  • Lightness is the closeness to white and black

    • Varies from 0% (black) to 50% (colour) to 100% (white)
  • In increased lightness, saturation is less visible so one heuristic is to increase saturation at increased lightness

Perceived Brightness,