With Spacedraw's novel multi-touch color picker you can move in the 3-dimensional color-space by sliding with two fingers, and that way intuitively choose any color with one grip. The average motion moves a pointer on a color-field to define the hue and saturation, pinching varies the brightness.
The sophisticated, yet compact interface lets you also precisely adjust colors according to the HSV- or RGB-color model, chose a transparency, and access previously used colors. It can freely be resized and moved on the screen.
The color-picker shows two linked color-fields, where colors are arranged according to the HSV color model
to freely move in the color-space, slide two fingers within the tool-zone, outside the color-picker; the average motion moves the crosshairs in the color-wheel , pinching moves the slider on the left color-strip.
to adjust the value (brightness), slide up/down within the left color-strip
to adjust hue and value together, slide or tap within the color-wheel to move the crosshairs
to adjust the hue, place one finger on the hue-display at the bottom-left corner and slide up/down ; the crosshairs move on a circle, and top-left the current hue is displayed
to adjust the saturation, place one finger on the saturation-display and slide up/down; the crosshairs move in/out the wheel, and top-left the current saturation is displayed
to adjust the red, green or blue component according to the RGB color model, place one finger on the respective component-display and slide up/down; the crosshairs and the slider on the left move accordingly, and top-left the current component-value is displayed
to type the RGBA or RGB values, slide into the screen from right within the type-rim
to choose pure red, green or blue, tap the respective component-display
to choose black, tap the bottom end of the left color-strip
to choose white, tap the white color-box at the top-left corner
to fully saturate the current color, tap the hue-display
to fully desaturate the current color, tap the saturation-display
to choose a pure shade of gray, tap the saturation-display, then slide within the left color-strip
to choose the brightest color with the current hue and saturation, tap the top end of the left color-strip
The transparency of surfaces is handled together with their diffuse color; you can use texture images with an alpha-channel, paint with transparent colors, or assign them to elements.
When transparency is applicable, the color-picker shows a transparency-slider on the right, and the value is displayed as opacity-percentage at the top and as alpha-component at the bottom.
In the color-boxes at the top, the colors are displayed without transparency in the upper halves, and overlaid a gray-white pattern in the lower halves to portray the transparency.
to adjust the transparency, slide up/down within the right strip
to make the color fully opaque, tap the top end of the right strip
to choose total transparency, tap the bottom end of the right strip
The color-boxes at the top let you compare the color you adjust with the original color, and access the previously applied and sampled colors. To choose any of these, tap the respective box.
to copy the color from an element or color-box, select it so that the color-picker switches to its color; when you then select another element or color-input, the “last sampled” box shows that color.
to move the color-picker, place two fingers somewhere within the color-picker and slide
to resize it, place one finger somewhere within the color-picker and another outside, somewhere within the tool-zone, then pinch