CSS hsl() Function
CSS hsl() Function
The hsl() function is used to define colors using the Hue Saturation Lightness model (HSL). In this, H stands for Hue, S stands for Saturation, and L stands for Lightness. It is used to represent colors in cylindrical coordinates.
Syntax:-
Its syntax is:- hsl(hue, saturation, lightness)
Further Explanation:-
| Value | Description |
|---|---|
| hue | Defines a degree on the color wheel from 0 to 360. |
| saturation | Defines the saturation. 0% is a shade of gray and 100% is the full color. |
| lightness | Defines the lightness; 0% is black, 50% is normal, and 100% is white |
Code Explanation
All Tutorials related to CSS Functions
attr() Function in CSS
calc() Function in CSS
conic-gradient() Function in CSS
counter() Function in CSS
cubic-bezier() Function in CSS
hsl() Function in CSS
hsla() Function in CSS
linear-gradient() Function in CSS
max() Function in CSS
min() Function in CSS
radial-gradient() Function in CSS
repeating-conic-gradient() Function in CSS
repeating-linear-gradient() Function in CSS
repeating-radial-gradient() Function in CSS
rgb() Function in CSS
rgba() Function in CSS
var() Function in CSS
