

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