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　を改変