色の三属性(色相、明度、彩度)によって色を定量的に表す方法の一つであるマンセル表示系について記載します。ここでは、マンセル値の意味とsRGBへの変換方法について記載します。本ページはマンセル値からsRGBの変換過程をユーザーが指定した値について計算式が示されます。マンセル値の数字の間隔は視覚上均等となっています。ここで表示して色は各種条件で色が異なって見えますのでご了承ください。そもそもマンセル値の全部をsRGBで表現することも不可能です。有彩色と無彩色で表現方法が異なります。有彩色の表現マンセル値が、5Y7/1の場合、以下の意味を示します。無彩色の表現マンセル値が、5Nの場合、以下の意味を示します。上図において鉛直方向が色の明度を表し、中心の円柱は無彩色です。有彩色は中心から離れるほど彩度が大きく(鮮やか)なります。円状の中心から外側への方向角は、色相を表します。(R)・黄色(Y)・緑色(G)・青色(B)・紫色(P)を円周に並べます。各色間を分割して、黄赤(YR)・黄緑(GY)・青緑(BG)・青紫(PB)・赤紫(RP)と定義する。上記の10色を下図の様に10分割した数値と基本色で色相を表します。色分割と数値の振り方の規則を示した図を以下に示します。基本色間をグラデーションで連続表示したものが下図のグラフです。円で表現したいところですが、SVGで使用できるグラデーションはありませんので線形グラデーションで表現しています。明度(value)明るさを表します。黒を0、白を10として視覚的に均等に分割します。彩度(Chroma)彩度の値は中心からの水平距離で表せます。中心は無彩色、中心から離れるほど鮮やかな色となります。色相、明度によって最大彩度の値は異なります。無彩色の場合、彩度が0なので、中心部となります。マンセル色立体マンセルの概念を立体で表現したものが下図に示すマンセル色立体です。図上でマウスのボタンを押しながら移動させたり、マウスホイールを回すと方向や大きさが変わります。概要JIS8721付表にマンセル値に対するxy値の表がある。この表をもとにマンセル値からxy値を求めることができます。表にない値は前後からの補間により求めます。Yは明度を表しますが、無彩色の明度から輝度を計算する式によりYを算出することができます。このxyY値は標準光源Cの値ですので、sRGBでよく使用するD65にxyY値を変換します。xyY値をXYZ値に変換し反射率や輝度により正規化してsRGBに変換すれば終了です。CIE1931rgb色度図をもとにX軸とY軸を新規に設定したものがXYZ色度図です。色彩40パターン、明度9パターン、彩度は2置きのマンセル値のテキストデータが以下のサイトにある。real.datをダウンロードすると以下(膨大なデータなので1部のみ記載)のようなxyの対応表が入手できます。下表は、入手したマンセル値の変換表の一部です。A列が色相、B列が明度、C列が彩度、D~F列がxyYに該当します。ついては計算でxyを求めることができないので表から算出します。表にない値は付近の値を使用して補間して求めます。Y値については無彩色の式により計算で求めることもできます。10RP1/6のマンセルに対応する行は上表では着色された4行目に該当します。無彩色は表に有りませんが、白を基準に明度(輝度)を変化させたものになります。輝度は、計算式または、有彩色から同じ明度の時のYを読み取ることにより求められます。xyは光源Cの時のホワイトポイントの値となります。XYZを算定xyZからXYZを算出します。XYZの光源を変換する前項のXYZはC光源を基準としていますのでsRGBで使用するD65に以下の式を使用して変換します。輝度で正規化sRGBはCRT時代に最大輝度を80cd/m2(カンデラ毎平方メートル)と定められている。Y'=1のとき80cm/m2とするためにX'Y'Z'の値をそれぞれ80で割ります。反射率で正規化Y'=1のとき反射率100%とするためにX'Y'Z'の値をそれぞれ100で割ります。変換行列によりリニアsRGBに変換します。その後、非線形で計24bitのsRGBに変換します。変換方法の詳細は、CIE1931xyz色度図を参照願います。ボタンをクリックするとマンセル値をsRGBに変換する計算手順が表示されます。Y=1の時の反射率または輝度(1=100%,sRGB最大輝度80)色相に対する明度と彩度の表示例フォームで色相を選択すると対応する明度と彩度が表示されます。表示された色の上にカーソルを置くと下にsRGB値等が表示されます。Y=1の時の輝度を80cd/m2としてsRGBの値を計算しています。各明度に対する色相と彩度を表示します。Y=1の時の輝度を80cd/m2としてsRGBの値を計算しています。円の中央の数値は明度を表しています。内側の円が無彩色で外側へ行くほど鮮やかな色になります。