Welcome to collectivesolver - Programming & Software Q&A. A website you can trust. All programs tested and works. Contact: aviboots(AT)netvision.net.il
Hostgator 1 Penny

BlueHost Web Hosting

Ecommerce Software - Best Ecommerce Platform Made for You - Free Trial

Ecommerce Software - Best Ecommerce Platform Made for You - Free Trial

getflywheel wordpress hosting


Distribute your Resume to 500+ Job Boards & Recruiters


7,376 questions

10,377 answers

573 users

How to use CSS HSL Colors

1 Answer

0 votes
<!DOCTYPE html>
<html>
<head>
<style>
/* hsl(hue, saturation, lightness) */
/* Hue - degree on the color wheel: 0 - 360
/* Saturation - percentage: 0% shade of gray - 100% full color */
/* Lightness - percentage: 0% is black - 100% is white. */
 
#p1 {background-color:hsl(120, 100%, 50%);}
#p2 {background-color:hsl(120, 100%, 75%);}
#p3 {background-color:hsl(120, 100%, 25%);}
#p4 {background-color:hsl(120,  60%, 60%);}
 
</style>
</head>
 
<body>
<p>HSL colors:</p>
<p id="p1">Green</p>
<p id="p2">Light green</p>
<p id="p3">Dark green</p>
<p id="p4">Pastel green</p>
</body>
</html>

 




answered Dec 30, 2015 by avibootz
edited Dec 30, 2015 by avibootz
...