CSS3 Colors

dabblet.css

/* CSS3 Colors */

div {
 height: 180px;
 width: 180px;
 margin: 10px;
 padding: 10px;
 float: left;
 color: white;
 font-size: 2em;
 font-family: sans-serif;
}

#rgba { background: rgba(0,0,0,0.3); }
#hsl  { background: hsl(0,50%,50%);  }
#hsla { background: hsla(0,50%,50%,.5) }

dabblet.html

<div id="rgba">rgba</div>
<div id="hsl">hsl</div>
<div id="hsla">hsla</div>

settings.json

{"view":"separate","seethrough":"","prefixfree":"1","page":"all"}