5 ms·

Good library to begin with, but could do better on the perceived brightness. Since HSV is NOT perceived as evenly distributed to the human eye along the value(

by mxfh 12y ago

Good library to begin with, but could do better on the perceived brightness. Since HSV is NOT perceived as evenly distributed to the human eye along the value(lightness) axis[1], would recommend employing chroma.js[2] which uses the HCL and CIE color spaces, which in general yield more pleasing results for use in color scales. [1] http://vis4.net/blog/posts/avoid-equidistant-hsv-colors/ http://vis4.net/blog/posts/avoid-equidistant-hsv-colors/ [2] https://github.com/gka/chroma.js https://github.com/gka/chroma.js i want hue might be a bit of overkill though: http://tools.medialab.sciences-po.fr/iwanthue/index.php http://tools.medialab.sciences-po.fr/iwanthue/index.php

leeoniya 12y ago
also check out http://alienryderflex.com/hsp.html http://alienryderflex.com/hsp.html
- roryokane 12y ago
  That page has a nice graphic clearly showing the problems with HSV and HSL. But the color scheme HSP it invents is not ideal. HUSL (http://www.boronine.com/husl/ http://www.boronine.com/husl/) is a strict improvement, as you can see from its comparison table of HUSL vs. HSL. HSP fixes the “lightness” problem with HSL, and HUSL fixes that as well as the “hue uniformity” problem.
jacobolus 12y ago
Judging from the little interactive diagrams in your link #1, the author has set up the CIELAB and RGB color spaces with different white points, without doing any kind of chromatic adaptation transform in between. As a result, the widget presents a sort of pale orangish-brownish color as 'neutral' and all the slices related to hue and chroma are noticeably off. It’s an unfortunate oversight, because it makes them much more confusing than they would otherwise be. In general, I’d recommend people use the CIECAM02 color space for most of the purposes being discussed in this thread. Here’s my implementation: https://github.com/jrus/chromatist https://github.com/jrus/chromatist

by mxfh 12y ago

leeoniya 12y ago

also check out http://alienryderflex.com/hsp.html http://alienryderflex.com/hsp.html

roryokane 12y ago
That page has a nice graphic clearly showing the problems with HSV and HSL. But the color scheme HSP it invents is not ideal. HUSL (http://www.boronine.com/husl/ http://www.boronine.com/husl/) is a strict improvement, as you can see from its comparison table of HUSL vs. HSL. HSP fixes the “lightness” problem with HSL, and HUSL fixes that as well as the “hue uniformity” problem.

jacobolus 12y ago

Judging from the little interactive diagrams in your link #1, the author has set up the CIELAB and RGB color spaces with different white points, without doing any kind of chromatic adaptation transform in between. As a result, the widget presents a sort of pale orangish-brownish color as 'neutral' and all the slices related to hue and chroma are noticeably off. It’s an unfortunate oversight, because it makes them much more confusing than they would otherwise be. In general, I’d recommend people use the CIECAM02 color space for most of the purposes being discussed in this thread. Here’s my implementation: https://github.com/jrus/chromatist https://github.com/jrus/chromatist