Wednesday, January 7th, 2009
Further adventures in colorspaces

Update: Here's a slightly modified version of the colorspace adventure! In this iteration, you can also adjust sliders for R, G, and B. Regardless of which "space" you make changes to, the other space will update accordingly:

(Either JavaScript is not active or you are using an old version of Adobe Flash Player. Please install the newest Flash Player.)

If you read my last entry, you know I'm in the process of reinventing the wheel! I mean creating a color picker.

In preparation, I did some additional research on the HSV colorspace. The Wikipedia article contains all kinds of totally awesome math stuff -- some of which I actually understand! (I also found another site that, while replete with pictures and explanations, etc., left me scratching my head, though I think if I read through it again, I could figure it out...)

Anyway, after looking over the formulae (and only understanding a handful of them), I created the following thingy:

(Either JavaScript is not active or you are using an old version of Adobe Flash Player. Please install the newest Flash Player.)

Either drag the HSV sliders around or click the color chip in the lower left corner to modify the displayed color. The HSV values are (roughly) reflected in fields next to their respective sliders; the RGB values are displayed in fields to the right of the color chip in decimal, hexadecimal, and percentages.

So what's the point? I'm not entirely sure. I guess in a lot of ways, I think HSV is a more intuitive method for choosing a color than RGB, and the ultimate purpose for this color picker was (is?) a "game" for the unwashed (read: non-designer-y) masses My previous experiments (conducted back in the olden days) were coarse hacks compared to this iteration -- although, in fairness, they (mostly) worked, even if somewhat "particular." I guess I'm just excited to see that after all these years, I'm still capable of learning and improving. Or something.

If you want the source, it's right here!

Be the first to comment!

Leave a reply