sRGB-based HCV color space made by Akiyoshi Kitaoka, March 10, 15, 16, 17, 18, 19, 21, April 16, 23, May 3, 17, 18, 19, 20, 21, June 21, 2022

Vertical section

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



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

auto demo:   step deg  interval ms  first hue deg 


Translator


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



HCVを指定（実数）　Hue:   Chroma:   Value:  




（RGBの値として、0から255までの整数を入れてください。HCVの値として、Hueは0から359までの実数、ChromaとValueは0から100までの実数を入れてください。この範囲では、RGBからHCVへの変換は1対1対応で定まりますが、HCVからRGBへの変換は必ずしもそうではありません。具体的には、RGB値に対応しないHCV値では、RGB値に"undifined"を出力します）



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


Exterior view of cHCV



auto demo:   step deg  interval ms  first hue deg 



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


Exterior view of hHCV



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ピクセル四方）










色度図描画用




備考： RGB→HCV変換とHCV→RGB変換のアルゴリズムを装備したところで、JavaScript-colorchart01g.html より改称。（March 16, 2022）

JavaScript-colorchart02u.html から改称。（April 23, 2022）