sRGB-based isochroma mapping made by Akiyoshi Kitaoka, June 22, 23, 2022

Isochroma mapping

chroma (0-100)     



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


dot size (no use)  dot density (no use)  


(No use) 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）

JavaScript-HCV02m.html　を改変