Color Wheel Window

This window allows you to edit theme colors using a Color Wheel. You can also use the Color Wheel to organize colors into groups by hue or RGB distance and customize color parameters for these groups instead of individual colors.

Overview

The following image shows the Color Wheel window:

Color-Wheel-topic

This window consists of the following sections and elements:

  • Color Wheel - illustrates the relationship between theme colors and allows you to edit these colors. See Color Wheel to learn more.
  • Color Relationship Rule - specifies the relationship between colors in a theme (monochromatic, triad, compound, etc.). If Locked is selected, the current theme defines the relationship between colors. If None is selected, all colors are independent. Otherwise, it uses the standard method (compound, monochromatic, etc.).

    Note

    A color relationship rule restricts your ability to customize theme colors. See Color Wheel for more information.

  • Selected Color Settings - used to specify a selected color's lightness, saturation, and hue.
  • Color Grouping Settings - allows you to group colors and then separately customize color settings for each group. See Color Groupingfor more details.
  • Selected Group Settings - used to customize brightness, contrast, and saturation of all colors in the selected group.
  • Harmonics - allows you to replace color groups created according to the RGB or hue distance between colors with groups created according to harmony rules.

Color Wheel

The Color Wheel shows color hues arranged around a circle to illustrate chromatic relationships between colors.

UI_ThemeWheel_ColorWheel_Scheme

Circles displayed within the color wheel represent theme colors or color groups (if grouping is enabled). The base color is shown as a large circle.

To adjust a color, drag the corresponding circle around the color wheel or select it on the wheel, and use sliders in the Selected Color section to customize particular parameters.

Note

When you adjust the base color, all other colors are changed accordingly as they are bound to the base color.

The following color relationship rules limit color adjustment:

  • None - allows you to adjust each color separately. In this instance, the base color is not assigned.
  • Locked - you can adjust the base color without limitations. However, you can only adjust other colors' hue (that is, drag circles around the color wheel center). Note that this changes the hue of all colors in the Locked mode.
  • Other (standard relationship rules) - you can change each color separately as far as its value does not break the selected color scheme rule.

Use the following icons at the bottom right to customize color wheel's settings:

UI_ColorWheel_UpdateButton

Specifies whether to update the Theme Navigator every time the color changes or only when the Theme Editor is idle.

UI_ColorWheel_ShowHue

Specifies whether to vary saturation or brightness along the wheel radius. The other characteristics are reflected with in the circles' background color.

Color Grouping

Use color grouping to similar colors simultaneous customizing. You can group colors by the RGB or hue distance, and then adjust parameters for all colors in a particular group at once.

To enable color grouping, specify the required number of groups in the Colors section's Count field.

This section also includes a gallery that shows color groups and lists colors related to each group.

Color-Wheel-topic-color-grouping

Squares in the first row of the gallery represent color groups. When you select a group, clicking a square, the colors it contains are displayed below.

To adjust color parameters, use the options in the Common Characteristics section.

You can also specify the Criterion that defines how colors are grouped and the Colorize method that defines the relationship between colors within each group.