<ColorWheel/> renders an HSV based color wheel. The wheel can be rendered at any needed size by providing a
The color wheel defaults to selecting a highly saturated and bright red hue.
This website has a nice treatment on the HSV color space,
One takeaway is that HSV color space can be thought of as a cylinder, where each slice of the cylinder is showing a circle at a particular
value between 0 and 1.
Hue can be thought of as the angle from the center of the circle can take on values between 0 and 360.
Saturation is the distance from the center on a unit circle.
Hue, saturation, and value properties
<ColorWheel /> component accepts
value. Setting the
value will change the brightness of the
of the color wheel itself, while changing the
saturation will indicate what color has been selected on the color wheel.
Use this to provide a callback to know when a new (hue, saturation) tuple has been clicked. Note that the brightness will never change for a given slice of a color wheel, and should be handled outside the color wheel component.
- Hue: 140
- Saturation: 0.5
- Value: 0.5