Color Area
A color area lets users tweak two channels of an RGB, HSL, or HSB color against a 2D gradient backdrop.

Installation

In the terminal, run the following command to begin:
npx hq-kit add color-area

Basic

Default
Disabled

Channel

X Channel
Y Channel

Space

Color Space

Controlled

Control the color area by specifying channels for the horizontal (xChannel) and vertical (yChannel) axes.

Color Spaces
X Channel
Y Channel
{
  "color": {
    "hue": 0,
    "saturation": 100,
    "lightness": 50,
    "alpha": 1
  }
}

Color Area with Slider

50°