Horje
What is HTML HSL and HSLA Colors | HTML HSL Colors Code
What is HTML HSL and HSLA Colors

HSL stands for hue, saturation, and lightness.

HSLA color values are an extension of HSL with an Alpha channel (opacity).

Below is an HSL color. Set different values for Hue, Saturation and Lightness to make different colors.


Full Example of HTML HSL Colors

index.html
Example: HTML
<!DOCTYPE html>
<html>
<head>
<title>HTML HSL Color Example</title>
</head>
<body>
<h1 style="background-color:hsl(0,100%,50%);">Background Color is set by value hsl(0,100%,50%)</h1>
<h1 style="background-color:hsl(160,60%,40%);">Background Color is set by value hsl(160,60%,40%)</h1>
<h1 style="background-color:hsl(260,70%,60%);">Background Color is set by value hsl(260,70%,60%)</h1>
</body>
</html>

Output should be:

Full Example of HTML HSL Colors



Read Full::
HTML HSL Colors Code
Category:
HTML Code
Sub Category:
HTML HSL Colors Code
Uploaded:
10 months ago
Uploaded by:
Admin
Views:
117

Related Articles
What is HTML HSL and HSLA Colors HTML HSL Colors Code
How to create HTML HSL Color Values HTML HSL Colors Code
How to create HTML Saturation Color HTML HSL Colors Code
How to create HTML Lightness Color HTML HSL Colors Code
How to create HTML Shades of Gray HTML HSL Colors Code
How to create HTML HSLA Color Values HTML HSL Colors Code

Single Articles
Full Example of HTML HSL Colors

Share on: