The Most Secure Cross Browser Testing Platform since 2012


Cross Browser Colors

BLOG / Web Development

Cross Browser Colors

Colors is the method of describing colors using hue, saturation and lightness (hsl()) rather than just rgb, as well as allowing alpha-transparency with rgba() and hsla().

Browser Support

Colors is already supported by all major browser so it should be really easy to get it working cross browser.

Code Example

You can use Colors like this:

p { color: hsla(240, 100%, 50%, 0.5) } /* semi-transparent solid blue */
p { color: hsla(30, 100%, 50%, 0.1) }  /* very transparent solid orange */

More Information

More information can be found here.