Color Sphere was one of my 1st HTML5 projects, way back in 2007. Well, the years passed, browsers sped up, my hair grew longer, and nothing changed on Color Sphere… but the time has come! The latest rendition is bigger (easier to see), more accurate (pixel perfect), and looks really cool when you switch it to Websafe mode and move the Saturation slider around
The colors in Color Sphere are mapped to HSL. The luminance is the radius from the center, the hue is the angle, and the saturation controls the z-index; that is to say, the zoom into the HSL color space. Technically, it’s more of a color cylinder.
Head over to the Google Chrome Webstore and pick up the free browser app! Or access it online at Color Sphere. Let me know what you think about the changes! The old version can still be accessed for IE8 and below.


Sep 08, 2012 @ 14:43:46
Hi Michael,
I’ve written a book on interface design for AVA Publishing aimed at 1st year undergraduate design students due for publication in @Mar 2013. To help me communicate in my text the points I need to make I found it useful to illustrate using screenshots of your Color Sphere.
I am writing to ask for your permission to print the image(s) in the book. I will need to email you an AVA contract so could you reply so I can send you more information.
Thanks
Dave Wood
Lecturer in Digital Design
Glasgow Caledonian University
Department of Computer, Communications and Interactive Systems
dave.wood@gcu.ac.uk
Web: gcal.academia.edu/DaveWood
Blog: internalexternal-2010.blogspot.com/
Sep 11, 2012 @ 18:51:20
Absolutely, connecting with you via email.