Telerik UI for Windows 8 HTML

Color Picker

The RadColorPicker for Windows 8 HTML is a combination of a HSB color picker, a RGB color picker and a palette color picker that are designed and optimized for the best touch experience.

colorpicker-overview

Architecture

Each color picker control has two semicircle indicators in the center - the above one for the currently selected color and the one below for the previous selection. This allows the user to quickly return to his previous selection in case he made a mistake. The controls also provide radial sliders, color wheels and color tabs for selecting the different components of the corresponding color selection method.

RadHSBPicker

RadHSBPicker allows the user to select a color by its hue, saturation, and brightness values. The control has a radial slider for the brightness selection and a hue/saturation color wheel. If the opacity option is turned on, the HSB picker also allows the user to select a value for the opacity through an opacity color wheel in the center.

RadRGBPicker

RadRGBPicker provides radial sliders for selecting a color by its red, green, and blue color components. Like the HSB picker, if the opacity option is turned on, the RGB picker also allows the user to select a value for the opacity through an opacity color wheel in the center.

RadPalettePicker

RadPalettePicker allows the user to select a color from a predefined set of colors. The palette picker is divided into radial sectors and each sector can contain multiple colors. There are no limitations to the number of sectors or colors. Each color can be individually set or auto generated by a step object. The control also provides a default simple color palette.