<html lang="en">
<title>CSS 3.0 HSLA color support test</title>
<style type="text/css">
body {background-color:yellow;}
h1#red {color: hsla(0, 100%, 50%, 0.5) }
h1#red2 {color: hsla(0.0, 100%, 50%, 0.5) }
h1#green {color: hsla(120, 100%, 50%, 0.0) }
h1#green2 {color: hsla(120.0, 100%, 50%, 0.0) }
h1#greensolid {color: hsla(120, 100%, 50%, 1.0) }
h1#greensolid2 {color: hsla(120.0, 100%, 50%, 1.0) }
</style>
</head>
<body>
<h1 id="red">This should be red, alpha 0.5</h1>
<h1 id="red2">This should also be red, alpha 0.5</h1>
<h1 id="green">This should be green, alpha 0.0</h1>
<h1 id="green2">This should also be green, alpha 0.0</h1>
<h1 id="greensolid">This should be green, alpha 1.0</h1>
<h1 id="greensolid2">This should also be green, alpha 1.0</h1>
</body>
</html>
Codebase Browser
chromium