sRGB-based isochroma mapping made by Akiyoshi Kitaoka, July 2, 3, 4, September 13, October 2, 2022

Tone-like color sets like the Ostward system

black content (0-100)  white content (0-100) color content (chroma) (0-100)  

black content + white content + color content = 100

number of hues   dot size   number of rows    


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


 dot density (no use)


(No use) auto demo:   step deg  interval ms  first hue deg 


(no use)




luminance when zero chroma (0-100)



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)

JavaScript-HCV02m.html を改変