# 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&#x26;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.