hsl color problem in Firefox

Question

Hi Guys,

I am trying to declare the border of a div using hsl() like this:

border: 2px solid hsl(0,200,105);

I am using Firefox 3.5 and there is no border being rendered at all. The same code works perfectly if hsl() is replaced with rgb()

I read somewhere that Firefox supports hsl() and hsla()

Am I doing something wrong?

and if hsl() is not supported, does anybody have any code to convert hsl to rgb?

Answer 1

According to the first Google result and the CSS specs, the syntax should be:

hsl(240, 100%, 50%);

The same article also has a converter: http://monc.se/kitchen/stew/hsl/