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.


Currently, no topics are attached.

Edit topic New topic


is 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...

official HSL colorpicker

6.0 rating 2.0 level 10.0 clarity 4.0 background – 1 rating

Simple and easy to use HSL colorpicker.

is 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...

is 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...

No advanced resources matching your criteria have been registered, yet.

No unrated resources matching your criteria have been registered, yet.