HSV or HSL color space made by Akiyoshi Kitaoka, May 23, 24, 2022

Vertical section

右半分の色相を指定　hue: deg (0-359)   dot size (no use)  dot density (no use)  

      



画像をクリックすると、その画素の色を分析・表示します。 (eyedropper tool)

auto demo:   step deg  interval ms  first hue deg 


Translator

   


RGBを指定（整数）　R:   G:   B:  



HSV（HSL）を指定（実数）　Hue:   Saturation:   Value or Lightness:  




（RGBの値として、0から255までの整数を入れてください。HSVあるいはHSLの値として、Hueは0から359までの実数、ChromaとValueあるいはLightnessは0から100までの実数を入れてください。この範囲では、RGBからHSVあるいはHSLへの変換は1対1対応で定まりますが、HSVあるいはHSLからRGBへの変換は必ずしもそうではありません。具体的には、RGB値に対応しないHSV値あるいはHSL値では、RGB値にマイナス値や256以上の値が出力されると思います）





中央の色相を指定　hue: deg (0-359)   dot size (fixed)  dot density (no use)  

      


Exterior view of cHCV



auto demo:   step deg  interval ms  first hue deg 






等輝度で輪切り

輝度を指定（0-100） value:   dot size (fixed)  RGB step (no work)  


Horizontal section of the circular HCV



auto demo:   step   interval ms  first value  



6角形版・等輝度で輪切り

輝度を指定（0-100） value:   dot size (fixed)  RGB step (no work)  

It will take a few or ten seconds to finish drawing.


Horizontal section of the hexagonal HCV



auto demo:   step   interval ms  first value  


メモ　JavaScript-HCV02d.html （やや速い描画。解像度は2ピクセル四方）










色度図描画用




備考　JavaScript-HCV02L.html を改変して作成開始。（May 23, 2022）