

- 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
HSLA Color Values in CSS3
The HSLA color value is for Hue, Saturation, Lightness and Alpha. The alpha is the color opacity i.e. a number between 0.0 and 1.0. Here, 0.0 is for fiully transparent, whereas 1.0 would be for full opaque.
Example
<!DOCTYPE html> <html> <head> <style> #demo1 {background-color: hsla(140, 100%, 50%, 0.8);} #demo2 {background-color: hsla(130, 100%, 50%, 0.6);} #demo3 {background-color: hsla(190, 100%, 50%, 0.4);} #demo4 {background-color: hsla(170, 100%, 50%, 0.3);} #demo5 {background-color: hsl(150, 100%, 60%);} #demo6 {background-color:rgba(108,111,35,0.6);} </style> </head> <body> <h1>Cricketers</h1> <p id="demo1">David Warner</p> <p id="demo2">Steve Smith</p> <p id="demo3">Mark Waugh</p> <p id="demo4">Steve Waugh</p> <p id="demo5">David Johnson</p> <p id="demo6">Andy Bichel</p> </body> </html>
Output
- Related Questions & Answers
- CSS3 RGBA, HSL and HSLA Color Values
- CSS3 HSLA color property
- HSL Color Values in CSS3
- RGBA Color Values in CSS3
- CSS3 rgba color property
- CSS3 HSL color property
- CSS3 Multi color Gradients
- Additional color properties provided by CSS3
- CSS3 Multi-Column rule-color Property
- Usage of hsla() CSS function
- Can we store CSS color values in MySQL?
- Transform the element by using 16 values of matrix with CSS3
- 2D transforms in CSS3
- 3D transforms in CSS3
- Defining Colors in CSS3
Advertisements