Telerik UI for Windows 8 HTML

This article explains the visual components of the three different RadColorPickers.

This topic contains the following sections.

RadHSBPicker Visual Structure

In Figure 1 you can see a RadHSBPicker with the opacity selection turned on. With this option the default and minimal diameter is 450px. If the opacity option is turned off the minimal and default diameter is 350px and the selected color indicator is filled with a solid color.

Figure 1: RadHSBPicker with its Visual Elements

colorpicker-hsbpicker-visual-structure

RadRGBPicker Visual Structure

In Figure 2 you can see a RadRGBPicker with the opacity selection turned on. With this option the default and minimal diameter is 372px. If the opacity option is turned off the minimal and default diameter is 350px and the selected color indicator is filled with a solid color.

Figure 2: RadRGBPicker with its Visual Elements

colorpicker-rgbpicker-visual-structure

RadPalette Visual Structure

In Figure 3 you can see a RadPalettePicker control with the default color palette. By default the circle's diameter is 430px and there are twelve color sectors with four sub-sectors each.

Figure 3: RadPalettePicker with its Visual Elements

colorpicker-palettepicker-visual-structure