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

Как на canvas можно сделать так, чтобы выбранный цвет в квадратной палитре отображался в различных оттенках в палитре справа (как в paint)?
(первая палитра сделана с помощью getBoundingClientRect и addColorStop).
Цвет выбирается по нажатию на сам canvas с помощью getImageData.
5f64fec804a01191310117.png
  • Вопрос задан
  • 46 просмотров
Решения вопроса 1
twobomb
@twobomb
Лет 100 назад писал колор пикер на канвас только как в фотошопе.
Крч почитай про HSV. По сути в квадрате у нас по игрику идет насыщенность(S - saturation) от 0 до 100, по иксу оттенок(H-hue) от 0 до 360, а справа это яркость (V -value) тоже от нуля до ста ( это если как в пеинте как на вашем скрине), функция перевода из hsv в rgb есть в моем примере
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы