Mother-effing hsl()

your browser doesnt support canvas. one sec, bro.

HSL(a) is the jam. It's a piece of cake to do mentally, too. Hue is like this: ROY G BIV is 0 to 300, and then back to red again at 360. Saturation % is from grey to intense color; lightness % and alpha 0-1 are easy 'nuff. read more on hsl awesomeness.

Another HSL colorspace mnemonic: our friends RGB are at 0, 120, and 240. And yellow, cyan, magenta (from CMYK) are split between those ones at 60, 180, and 300. Naice!