Color Area
A color area lets users tweak two channels of an RGB, HSL, or HSB color against a 2D gradient backdrop.
Installation
CLI
Manual
npx hq-kit add color-area
Basic
Preview
Code
Default
Disabled
Channel
Preview
Code
X Channel
Y Channel
Space
Preview
Code
Color Space
Controlled
Control the color area by specifying channels for the horizontal (xChannel
) and vertical (yChannel
) axes.
Preview
Code
Color Spaces
X Channel
Y Channel
{ "color": { "hue": 0, "saturation": 100, "lightness": 50, "alpha": 1 } }
Color Area with Slider
Preview
Code