HSL color model

Topic | v1 | created by janarez |

HSL (hue, saturation, lightness) is alternative representation of the RGB color model, designed in the 1970s by computer graphics researchers to more closely align with the way human vision perceives color-making attributes. Colors of each hue are arranged in a radial slice, around a central axis of neutral colors which ranges from black at the bottom to white at the top. The HSL representation models the way paints of different colors mix together, with the saturation dimension resembling various tints of brightly colored paint, and the ligthness dimension resembling the mixture of those paints with varying amounts of black or white paint.


Edit details Edit relations Attach new author Attach new topic Attach new resource

treated in Sorted CSS Colors

10.0 rating 1.0 level 10.0 clarity 3.0 background – 1 rating

I wanted to create a tool to sort the named CSS colors in a way that it shows related colors together...

has official HSL colorpicker

6.0 rating 2.0 level 10.0 clarity 4.0 background – 1 rating

Simple and easy to use HSL colorpicker.

treated in How to use HSL color in CSS like a pro | TSH.io

8.0 rating 5.0 level 8.0 clarity 4.0 background – 1 rating

CSS HSL color code is easy, intuitive and ready to rock your projects. Come for the knowledge, stay f...

treated in The Basic Principles of Web Design: A Guide to using HSL - What is it and is it better than RGB?

7.0 rating 5.0 level 5.0 clarity 4.0 background – 1 rating

I decided to take a mini-break on this, and create a guide on using HSL in your CSS. In the previous...

used in A Beginner’s Guide to Applying Color in UI Design

Your virtual guide up the mountain of color. By the time we reach the top, you will have all the skil...