Color Picker Docs

What is it?
The color picker consists of a color wheel, and a color square, to allow a user to get the red, green and blue values for a color that they have selected. The colors on the wheel vary by hue. Each color on the wheel has the same value and saturation, but varying hue, which represents the what the base color is. The color square represents the graph of value versus saturation. Value affects how bright or dark the color is, while saturation represents how much of the color should be seen. The white cross hairs in the square represent the currently selected color. The values for the resepective red, green, and blue values are shown in the fields below the wheel.

How was ist created?
A multidimensional array of pixels was created, consisting of varying hue values. Each of the values was then converted to their RGB equivalent, and then the array was mapped to an Image, using the array values. Now we have a rectangular image with varying hue values. Next, we pass the image through a filter which converts the rectangular coordinates of the image into polar coordinates, so we end up with the spectrum wheel. The color square is created by creating a square array of pixel values, where the hue is the one selected in the outisde ring, and the value and saturation values increase as they go out along the axes. Then the array is converted into an image, and drawn inside the wheel.

Click here to go to the color wheel.