Color Wheel
Here's how you can let the users choose their own colors
Here's how you can let the users choose their own colors
The new color wheel, ColorSelector, is now available. You can use this brand new color selector to get information about your selected color visually. The color preview is split into two views: normal and color blinded. You can call the OpenColorSelector() function in your code to get the new color selector.
The color selector allows you to change the color in the following modes:
In true color mode, you can change the hue, the lighting, and the saturation by pressing the appropriate key shortcuts to change the colors.
In 256 and 16 colors mode, you can select a color using the right and the left arrow keys. It shows you color information, including the CMYK, HSL, and grayscale values.
The following controls are available:
| Key | Action |
|---|---|
| Accept color selection |
| DIscard changes |
| Help page |
| Reduce hue (for true color) |
Previous color (for 256 and 16 colors) | |
| Reduce lightness (true color only) |
| Increase hue (for true color) |
Next color (for 256 and 16 colors) | |
| Increase lightness (true color only) |
| Reduce saturation (true color only) |
| Increase saturation (true color only) |
| Change color mode (true color, 256 colors, and 16 colors) |
| Shows the extended color information, including info about color deficiencies. |
| Increases the opacity |
| Decreases the opacity |
| Next color blindness simulation |
| Previous color blindness simulation |
| Select web color |
This function returns a Color instance containing necessary information. To know more about the structure of the Color class, visit the page below to learn more.
