Share:
Glossary Design & Media

HSL

HSL describes colour as hue (position on the colour wheel in degrees), saturation (intensity) and lightness, which makes tints and shades easy to create.

Last reviewed:

AdSense Placeholder
Slot: header_reference_page

In more detail

#3366cc is hsl(220, 60%, 50%). Adding 180° to the hue gives the complementary colour, here an orange (#cc9933). Lowering lightness darkens a colour without changing its hue.

Try these tools

Color Converter

Convert colors between HEX, RGB, HSL, and CMYK formats with our free online tool.

See also

  • Glossary RGB
    RGB describes colour as amounts of red, green and blue light, each from 0 to 255 on screens.
  • Guide How Color and Contrast Work
    Hex, RGB and HSL are one colour, how the WCAG contrast ratio is computed with real pass and fail examples.
Back to Glossary
AdSense Placeholder
Slot: footer_leaderboard