# Color helper

<figure><img src="https://1813203282-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOddm4yDredA8gF0g7cDm%2Fuploads%2FoyEfQ262Utp1cfoqOLES%2FColor%20helper.png?alt=media&#x26;token=591b301b-27b6-4815-b398-48260489eea8" alt="" width="365"><figcaption></figcaption></figure>

### 1. Colors

At the top of the panel are the generated colors based on the selected color. We can choose the categories to generate from these:

* Complementary
* Analogous
* Triadic
* Tetradic
* Shades, tints, and tones
* Hue, Saturation, and Luminance

### 2. Color count

For some categories, the color count in the ramp can be adjusted using this stepper.

### 3. Auto-update

When this option is enabled, the base color of this helper will sync with the selected color.&#x20;

We can turn it off so that the colors remain unchanged when we change the primary color, and tap on the sync button to manually sync the color once.