d3-hsv

Этот модуль реализует цветовое пространство HSV (Оттенок, Насыщенность, Значение).

Например, для воспроизведения R’s terrain.colors:

var i0 = d3.interpolateHsvLong(d3.hsv(120, 1, 0.65), d3.hsv(60, 1, 0.90)),
    i1 = d3.interpolateHsvLong(d3.hsv(60, 1, 0.90), d3.hsv(0, 0, 0.95));

function interpolateTerrain(t) {
  return t < 0.5 ? i0(t * 2) : i1((t - 0.5) * 2);
}

Установка

Если вы используете NPM, npm install d3-hsv. В противном случае скачайте последнюю версию. Вы также можете загрузить напрямую с d3js.org как самостоятельную библиотеку. Поддерживаются среды AMD, CommonJS и vanilla. В vanilla экспортируется глобальная переменная d3:

<script src="https://d3js.org/d3-color.v1.min.js"></script>
<script src="https://d3js.org/d3-hsv.v0.1.min.js"></script>
<script>

var yellow = d3.hsv("yellow"); // {h: 60, s: 1, v: 1, opacity: 1}

</script>

Попробуйте d3-hsv в вашем браузере.

Справочник по API

d3.hsv(h, s, v[, opacity]) Источник
d3.hsv(specifier)
d3.hsv(color)

Создаёт новый цвет в цветовом пространстве HSV. Значения каналов представлены как h, s и v свойства возвращаемого экземпляра.

Если заданы h, s и v, они представляют значения каналов возвращаемого цвета; также может быть указана opacity. Если задана строка specifier, соответствующая CSS Color Module Level 3, она анализируется и преобразуется в цветовое пространство HSV. См. d3.color для примеров. Если указан экземпляр color, он преобразуется в цветовое пространство RGB с помощью color.rgb, а затем преобразуется в HSV.

d3.interpolateHsv(a, b) Источник

Возвращает интерполятор цветового пространства HSV между двумя цветами a и b. Цвета a и b не обязательно должны быть в HSV; они будут преобразованы в HSV с помощью d3.hsv. Если значение оттенка или хроматичности любого цвета равно NaN, используется значение канала противоположного цвета. Используется кратчайший путь между оттенками. Результат интерполятора — строка RGB.

d3.interpolateHsvLong(a, b) Источник