Как сделать на canvas градиент от самого темного до самого светлого оттенка одного цвета?

Question

[Никита Подосёнов]

Как на canvas можно сделать так, чтобы выбранный цвет в квадратной палитре отображался в различных оттенках в палитре справа (как в paint)?
(первая палитра сделана с помощью getBoundingClientRect и addColorStop).
Цвет выбирается по нажатию на сам canvas с помощью getImageData.

Answer 1

[twobomb]

Лет 100 назад писал колор пикер на канвас только как в фотошопе.
Крч почитай про HSV. По сути в квадрате у нас по игрику идет насыщенность(S - saturation) от 0 до 100, по иксу оттенок(H-hue) от 0 до 360, а справа это яркость (V -value) тоже от нуля до ста ( это если как в пеинте как на вашем скрине), функция перевода из hsv в rgb есть в моем примере