Как средство выбора цвета Chrome DevTools рассчитывает положение курсоров по входному цвету RGB?

Question

Я реализую палитру цветов, используя HTML5 canvas. Это тот же тип, что и Chrome DevTools.

Как восстановить курсоры на обоих холстах, когда пользователь вводит значения через входы?

Answer 1

1. Требуется HSL (оттенок, насыщенность, легкость)
2. Преобразование входного значения RGB в HSL ( Преобразование RGB в HSL )
3. Ползунок на вашей картинке представляет значение Hue
4. А цветовая палитра сверху вниз представляет Lightness 0% ~ 100%; слева направо представляют Saturation 0% ~ 100%