Use HSL color function to set background color - HTML CSS CSS

HTML CSS examples for CSS:Color

  1. HOME
  2. HTML CSS
  3. CSS
  4. Color

Description

Use HSL color function to set background color

Demo Code

ResultView the demo in separate window 

<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><!--from  www.  ja  v  a2  s  . c o m-->
   <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 Tutorials