A few months ago, I built an application for DTS that catalogs
pictures, media, ppt, etc. into a huge web database. I wanted to
incorporate the ability to search by color (ala iStockPhoto),
so I wrote some code to analyze the most frequent color ranges in an
image and store that in a index so that the colors could be search like
any other many-to-many database relationships.
In order to feel like the web app was a real app, I wanted wanted to
have a sweet color picker for the search page. I looked around the web
for a good solution, but I couldn’t find anything that was really
powerful. One day, while getting my house inspected, I came up with the
idea to use transparent PNG images to build a color picker just like
the one in Adobe PhotoShop. I was able to “trick” JavaScript into
producing separate modes for Hue (including a websafe mode),
Saturation, and Brightness . Here’s the end result:
Hue mode:
Saturation mode:
Brightness mode:
Websafe mode:
I’ve finally gotten around to wrapping it up for others to look at and I’ll be posting it to my code lab once I get it all setup.