1. Docs
  2. components
  3. Color Primitves

Color Primitves

🚧 Primitives for color selection

Installation

Copy and paste the following code into your project.

Loading...

Update the import paths to match your project setup.

Color Area

A color area allows users to adjust two channels of an RGB, HSL or HSB color value against a two-dimensional gradient background.

Color Slider

A color slider allows users to adjust an individual channel of a color value.

Color Swatch Picker

A ColorSwatchPicker displays a list of color swatches and allows a user to select one of them.

Color Wheel

A color wheel allows users to adjust the hue of an HSL or HSB color value on a circular track.