> For the complete documentation index, see [llms.txt](https://docs.animaldietformulator.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.animaldietformulator.com/animal-diet-formulator/utility/color-picker.md).

# Color Picker

<figure><img src="/files/IiysmE7KiZ5Qnh5kYF44" alt=""><figcaption></figcaption></figure>

#### How to use Color Picker

1. Color Preview
   * This circle shows the currently selected color.
2. Hue Selector
   * Change the hue by dragging the white circle to the left or right.
3. Format Selector
   * Change the color format from RGB to HSV or HSL
4. Hex Code Input
   * Change the color by providing the Hex Code Value of the color.
5. Use Button
   * Click the button to use the currently selected color.