> 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="https://805823882-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhG0lTGiTkuSbi8Obg8K2%2Fuploads%2FzSLpzuI9dH6rSf0gzYlC%2Fimage.png?alt=media&amp;token=1e3ae1e8-69dd-40a0-b90d-86275d7cb523" 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.