- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
CSS3 HSL color property
HSL stands for hue, saturation, lightness. Here, Huge is a degree of the color wheel, saturation and lightness are percentage values between 0 to 100%.
Example
The following example shows HSL color property:
<html>
<head>
<style>
#g1 {background-color:hsl(120, 100%, 50%);}
#g2 {background-color:hsl(120,100%,75%);}
#g3 {background-color:hsl(120,100%,25%);}
</style>
</head>
<body>
<p>HSL colors:</p>
<p id = "g1">Green</p>
<p id = "g2">Normal Green</p>
<p id = "g3">Dark Green</p>
</body>
</html>
Updated on 29-Jun-2020 10:14:27
- Related Questions & Answers
- HSL Color Values in CSS3
- CSS3 RGBA, HSL and HSLA Color Values
- CSS3 HSLA color property
- CSS3 rgba color property
- CSS3 Multi-Column rule-color Property
- CSS3 Multi color Gradients
- CSS3 Opacity property
- CSS3 Resize Property
- HSLA Color Values in CSS3
- RGBA Color Values in CSS3
- Additional color properties provided by CSS3
- CSS3 Multi-Column Property
- CSS3 User Interface Property
- CSS3 Outline offset Property
- CSS3 Transition Shorthand Property
Advertisements