|
|
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:
| What is HTML HSL and HSLA Colors | HTML HSL Colors |
| How to create HTML HSL Color Values | HTML HSL Colors |
| How to create HTML Saturation Color | HTML HSL Colors |
| How to create HTML Lightness Color | HTML HSL Colors |
| How to create HTML Shades of Gray | HTML HSL Colors |
| How to create HTML HSLA Color Values | HTML HSL Colors |
| Full Example of HTML HSL Colors | HTML HSL Colors |
Read Full: | HTML HSL Colors |
Category: | Web Tutorial |
Sub Category: | HTML HSL Colors |
Uploaded: | 1 year ago |
Uploaded by: | Admin |
Views: | 148 |
Ref on: | View |