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, 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



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)