Определить цветовые шестнадцатеричные коды по прямой линии

Question

Как я могу программным образом определить шестнадцатеричные коды цвета html для цветов в одной спектральной линии ? Я определенно использую неправильную терминологию. Я просто не уверен, как еще это фраза. Эта картина должна внести ясность:

Обратите внимание, как курсор в верхнем прямоугольнике всегда находится в том же положении. Это просто курсор в первом баре, который перемещается в разные цветовые сегменты, тем самым генерируя шестнадцатеричные коды, видимые ниже.

Возможно ли сгенерировать их программно?

Answer 1

было бы сделать 3 шага, чтобы попасть программно: выбрать основной цвет (для каждого из ваших снимков экрана его правый верхний угол) затем осветлить его на нужное количество (ось х ваших квадратов) затем темнеют его нужное количество (ось Y ваших квадратов) если your'e используя прекомпилированный CSS, как SASS это будет выглядеть так:

$someColor: red; 
$lighten: brighten($someColor,20%); 
$darkenedColor : darken($lighten, 32%); 

$ darkenedColor поможет вам точку, что вы ищете , он будет работать для любых заданных $ someColor