Color
Color components provide a way to select and adjust colors.
Installation
CLI
Manual
Blocks
Color Area
color-area-demo
color-area-channel-demo
X Channel
Y Channel
color-area-space-demo
Color Space
color-area-controlled-demo
Color Space
X Channel
Y Channel
{
"color": {
"hue": 0,
"saturation": 100,
"lightness": 50,
"alpha": 1
}
}color-area-with-slider-demo
Color Field
color-field-demo
color-field-controlled-demo
{
"color": {
"hue": 0,
"saturation": 100,
"lightness": 50,
"alpha": 1
}
}color-field-rgb-channel-demo
color-field-hsl-channel-demo
color-field-hsb-channel-demo
Color Picker
color-picker-demo
color-picker-with-input-demo
color-picker-dynamic-label-demo
Color Slider
color-slider-rgb-channel-demo
color-slider-hsl-channel-demo
color-slider-hsb-channel-demo
Color Wheel
color-wheel-demo
Color Swatch
color-swatch-hex-demo
color-swatch-rgb-demo
color-swatch-hsl-demo
color-swatch-hsb-demo
Color Swatch Picker
color-swatch-picker-rgb-demo
color-swatch-picker-hex-demo
color-swatch-picker-hsl-demo
color-swatch-picker-hsb-demo