Selecting colors

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.

Choosing colors from the spectrum

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

Transparency

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

Sampling and reapplying colors

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.

Moving and resizing the color-picker

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