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 и обычные среды. В обычной среде экспортируется 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, они представляют значения каналов возвращаемого цвета; также может быть указана непрозрачность. Если указана строка specifier в формате CSS Color Module Level 3, она анализируется и преобразуется в цветовое пространство HSV. См. d3.color для примеров. Если указан экземпляр color, он преобразуется в цветовое пространство RGB с помощью color.rgb, а затем преобразуется в HSV.

d3.interpolateHsv(a, b)

…

d3.interpolateHsvLong(a, b)

…