Color picker

A hue/saturation wheel over native brightness and alpha sliders. The wheel is a focusable slider: the left and right arrows turn the hue (Page Up/Down by 30°), up and down change the saturation, Home and End jump to full and no saturation, Shift makes each step finer. The switch below reveals plain hue and saturation sliders, so every channel has a one-dimensional control. value is a hex, alpha runs from 0 to 1.

import { BsColorPicker } from '@mintplayer/react-bootstrap/color-picker';const [color, setColor] = useState('#0000ff');const [alpha, setAlpha] = useState(1);<BsColorPicker size={200} value={color} onValueChange={setColor} alpha={alpha} onAlphaChange={setAlpha} />