/D3.js 5


This module implements the HCG (Hue, Chroma, Grayness) color space.


If you use NPM, npm install d3-hcg. Otherwise, download the latest release. You can also load directly from d3js.org as a standalone library. AMD, CommonJS, and vanilla environments are supported. In vanilla, a d3 global is exported:

<script src="https://d3js.org/d3-color.v1.min.js"></script>
<script src="https://unpkg.com/[email protected]"></script>

var yellow = d3.hcg("yellow"); // {h: 60, c: 1, g: 0, opacity: 1}


Try d3-hcg in your browser.

API Reference

d3.hcg(h, c, g[, opacity])

Constructs a new HCG color. The channel values are exposed as h, c and g properties on the returned instance.

If h, c and g are specified, these represent the channel values of the returned color; an opacity may also be specified. If a CSS Color Module Level 3 specifier string is specified, it is parsed and then converted to the HCG color space. See d3.color for examples. If a color instance is specified, it is converted to the RGB color space using color.rgb and then converted to HCG.

© 2010–2018 Michael Bostock
Licensed under the BSD License.