title: How to give hsl color value to an svg element
body: <p>I want to ask that If have read that it is possible to give hsl color value to an svg element.But when I try it like this</p>
  
  <pre><code>var color = hsl(0, 100%, 50%);
  
  circle.attr("fill" , color);
  </code></pre>
  
  <p>I got an error "unexpected number"</p>
  
  <p>Can any one guide what is the correct way and also does svg supports all hsl colors</p>
  
  <p>Thanks</p>