Как получить значение цвета из градиента в процентах с помощью JavaScript? ⇐ Jquery

[Anonymous]

У меня есть элемент div фиксированной ширины с градиентом, примененным с помощью CSS. Я хочу создать палитру цветов на основе слайдера на основе этого градиента.

Когда я перетаскиваю ползунок, я вычисляю процентное положение и хочу получить шестнадцатеричный или RGB-код цвета. исходя из этого значения.

Моя идея заключалась в том, чтобы создать массив с определенными позициями начала/остановки и цветами, затем найти два значения из этого массива на основе положения ползунка, а затем каким-то образом найти цвет между: здесь я не могу двигаться вперед.

Демо: http://jsfiddle.net/pdu8rpfv/

var gradient = [
[
0,
'ff0000'
],
[
28,
'008000'
],
[
72,
'0000ff'
],
[
100,
'ff0000'
]
];
$( "#slider" ).slider({
min: 1,
slide: function( event, ui ) {

var colorRange = []
$.each(gradient, function( index, value ) {
if(ui.value

Подробнее здесь: https://stackoverflow.com/questions/301 ... javascript