Tokyo Polytechnic University Repository / 東京工芸大学学術リポジトリ

4KJ00008949359論文Articledepartmental bulletin pape

枡岡, 大輔

1903

マスオカ, ダイスケ

Masuoka, Daisuke

1904

On an idea of Phenomenology in the book of E. Husserl's "An idea of Phenomenology"

9KJ00008949219ノートNotedepartmental bulletin pape

犬井, 正男

1403

イヌイ, マサオ

Inui, Masao

1404

55
＊ 東京工芸大学 名誉教授、東京工芸大学工学部メディア画像学科 非常勤講師 
2013 年 9 月 25 日 受理 
 
色度図の着色 
  
犬井 正男* 
 
Coloring chromaticity diagrams 
  
Masao Inui* 
 
The author attempted to color chromaticity diagrams, xy -diagram and u'v' -diagram. As it was 
impossible to color the all area of diagrams with true colors, the author tried to color these with 
appropriate colors. At first colors of sRGB were extended to outside of the gamut of sRGB. Then 
various revisions were added to the coloring process, and finely colored diagrams were created 
finally. 
 
はじめに 
色彩科学のあらゆる領域を網羅した「新編 色彩科学ハ
ンドブック 第 3 版」が 2011 年 4 月に東京大学出版会から
発行された 1)。著者は「第 16 章 カラー写真」の主査と一
部の執筆を担当した。そのほかに、「口絵１ CIE1931XYZ
表色系（xy 色度図）」「口絵 2 CIE1976UCS 色度図（u’v’色
度図）」を提供した。これらの図は、色彩科学ハンドブッ
ク編集委員長から依頼があり、これに応じて作成した。こ
れらの口絵をご覧になった多くの方たちから「きれいです
ね」と言われ、好評を博している。図を使わせてほしいと
の要望もあり、提供してきた 2)。何人かの方から、どのよ
うに作成したかを尋ねられた。これに対して「手作りで
す。」と答えていた。これを聞かれた方は、フォトショッ
プなどで作成したと思われたかもしれない。実際には、プ
ログラムを作成し試行錯誤で変更していったため、手作り
に近くなったので、このように言っている。ここに、どの
ように手作りで作成したかを述べる。 
 
従来の図 
もちろん、通常のディスプレイやハードコピーでは xy
色度図上で実在する色の範囲、すなわちスペクトル軌跡と
純紫軌跡で囲まれる馬蹄形内の色すべてを正確に表示で
きない。たとえば、ディスプレイでは原色の 3 点を結ぶ三
角形内の色しか表示することはできない。つまり、この三
角形の外側の色は、これら 3 原色をどのように用いても表
示することはできない。しかし、色度図内がどのような色
になっているかをある程度知りたいため、いろいろな方法
であえて着色している。このような試みは多くの人によっ
て行われており、試しにグーグルで ”chromaticity diagram” 
を検索すると、図 1 に示す多数の図が画像検索結果として
表示される。これらをみると、彩度が低かったり、白色点
から C(シアン)、M(マゼンタ)、Y(黄)の 3 方向に明るい
直線があったりして、あまりきれいな図になっていない。 
sRGB 色域の着色 
最初に sRGB3,4) の色域の着色を試みた。 まず、色度図
上で座標 (x, y) を設定する。しかし、これだけでは 3 次元
で表される色は決まらない。色度座標 x, y は、三刺激値
X, Y, Z から、次式によって求められる 5)。 
 
   
   (1) 
 
x, y を決めただけでは、X, Y, Z を求めることができない。
X, Y, Z のうちのひとつの値を決める必要がある。色を特定
するときに色度座標とともに用いられる三刺激値 Y は、視
感反射率とも呼ばれ明度に関する値である。この値を別途
定めることにした。三刺激値 Y の値として Y と密接な関係
のある座標 y の値をそのまま用いた。扱いを容易にするた
め、この報告では 0≦Y≦1 としている。 
 座標 (x, y)と三刺激値 Y から、式(1)から求めた次式より、
三刺激値 X, Z を求める。 
ZYX
Yy
ZYX
Xx


図 1 グーグルで“chromaticity diagram”を検索し
たときの画像検索結果 
東京工芸大学工学部紀要 Vol.36 No.1（2013）
56  
 
 
 
 
   (2) 
 
 
つぎに、sRGB の規定に基づき、三刺激値 X, Y, Z からデ
ジタル値 R8bit, G8bit, B8bitに変換していく 3,4)。そのために、
まず次式によって、三刺激値 X, Y, Z を線形な RGB (赤、
緑、青) 値 R, G, B にする。 
 
 
      (3)   
 
その後、次のように非線形な RGB 値 R’, G’, B’ にし、 
 
 
 
 (4) 
 
 
 
 (5) 
 
 
さらに、8 ビットにするため 255 をかけたのち、丸めて 8
ビットのデジタル値 R8bit, G8bit, B8bitとする。 
 
 (6) 
 
 
ここで、round は四捨五入する関数である。 
このようにして変換したデジタル値 R8bit, G8bit, B8bitが、
ともに [0, 255] 内であれば sRGB の色域内であるため、そ
れらの値をその座標 (x, y) の RGB 値として表示する。一
方 R8bit, G8bit, B8bitのひとつでも[0, 255] 外であれば、その色
は sRGB の色域外であるため、(0,0,0) すなわち黒として表
示する。 
Visual Studio 2010 のC++を用いて、xを 0 から 0.8まで、
y を 0 から 0.9 まで、それぞれ 0.001 間隔でのデジタル値
R8bit, G8bit, B8bitを求めて作成したのが図 2 である。なお、図
2 には 0.1 間隔のスケールを白線で表示している。また、
スペクトル軌跡と純紫軌跡も表示している。 
図 2 をみると sRGB の白色点すなわちイルミナント D65
の点が白くなっておらずグレイになっている。白色点を白
くするように白色点の Y が 1 になるようにし、それに伴っ
てその周囲も明るくしたのが図 3 である。白色点が白くな
ったのはいいが、白色点から CMY の 3 方向に明るい線状
になった部分が見える。図 1 の検索結果にこのような図が
見られたのは、白色点を白にしたためであろう。また、そ
れを避けるために白色点をグレイにすると、検索結果や図
2 のように彩度の低い色となってしまう。 
 
図 2 sRGB の色域の着色 
Yy
yxZ
Yy
xX


1


































Z
Y
X
B
G
R
0570.1
0415.0
4986.0
2040.0
8758.1
5372.1
0557.0
9689.0
2406.3
BB
GG
RR
BGR
92.12'
92.12'
92.12'
0031308.0,,



 の場合
055.0055.1'
055.0055.1'
055.0055.1'
0031308.0,,
1/2.4
1/2.4
1/2.4




BB
GG
RR
BGR の場合
)'255(
)'255(
)'255(
8
8
8
BroundB
GroundG
RroundR
bit
bit
bit



 
図 3 白色点を白くした sRGB 色域 
 
図 4 sRGB 色域外に拡張 
Yy
yxZ
Yy
xX


1
色度図の着色
東京工芸大学工学部紀要 Vol.36 No.1（2013） 57 
 
 
sRGB 色域着色の拡張 
xy 色度図上で実在する色の範囲を表す馬蹄形内を着色
するために、図 2 を sRGB の色域外に拡張した。図 2 の作
成中に馬蹄形内で黒くした部分すなわち色域外の色の
RGB値をクリッピングした。すなわち、0未満の値を 0に、
255 を超える値を 255 にした。その結果を図 4 に示す。 
非線形関数の導入 
図 4 をみると、全域を着色できたのはいいが、sRGB の
色域の境界の 3 辺付近で急激に色が変化している。これは、
sRGB の階調が図 5 に青線で示すように直線的で、拡張し
てクリッピングをしたため 0 と１付近では滑らかな変化
になっていないことに起因している。これらの付近で滑ら
かにするために、2 点 (0, 0) と(1, 1) を通り、これら 2 点
での微分係数が 0 になるようにする必要がある。これを実
現する簡単な関数として、3 次式を用いた。つまり、 
 y = x2 (3 – 2x)      (7) 
であり、これを図 5 に赤線で示す。なお、式(7)における
x, y は、色度座標でなく、一般的な直交座標である。この
非線形な階調を用いると、色度図は図 6 のようになった。
sRGB の色域を示す三角形の 3 辺の境界は見えなくなった
が、中心部がだいぶ暗くなってしまった。 
 
白色点の高明度化 
中心部の明度を高くするために、２次元のガウス関数を
用いた。次式のように、白色点 (xw, yw) を中心に三刺激値
Y を少し大きくして Y’とした。 





  2
2
2
2
2
)(
2
)(exp'
y
w
x
w
a
yyxxYYY     (8) 
ここで、Ya、σx、σy は定数である。Yaを大きくすると白
色点は白くなるが、大きくしすぎると図 3 に見える明るい
直線が目につくようになる。σx、σyは、それぞれ x 方向と
y 方向の広がりを示す。これら 3 定数の値は、白色点付近
が白く見え、図 3 で観察された明るい直線状のものが見え
ないように、試行錯誤を行って定めた。こうして作成した
色度図を図 7 に示す。高彩度部、特に緑の部分でほとんど
同じ色になってしまっている。 
 
原色とイルミナントの変更 
原色を sRGB の原色から、主波長はややずれるが広い範
囲をカバーできるような単色光に変更した。変更したとい
っても、実際にはそれらの色をディスプレイ等で表示でき
るわけではなく、あくまでも計算上の仮想的な原刺激とし
て用いるのであって、実際に表示するのはディスプレイの
原色、例えば sRGB 準拠のディスプレイであれば sRGB の
原色で表示する。このような仮想的な原色として 380, 527, 
780nm の単色光を用いた。これらの色度座標は、それぞれ
(0.17411, 0.00496), (0.13055, 0.81893), (0.73469, 0.26531)で
ある 6)。原色が変わると、式(3)の行列も変えなくてはなら
ない。式(3)は、原色とイルミナントで決まるため、この際
原色だけでなく、イルミナントも変更する。 
一般的に、RGB 3 原色の強度あるいは三刺激値 R, G, B
と三刺激値 X, Y, Z の関係は、変換行列を M とすると、つ
ぎのように表すことができる 7)。 
0.0
0.5
1.0
-0.5 0.0 0.5 1.0 1.5
入力
出
力 sRGB
３次式
 
図 5 sRGB の階調と３次式 
 
 
図 6 階調を非線形化 
 
 
図 7 白色部を高明度化 
58  
 
 
 
 
 
 (9) 
 
ここで、r, g, b をそれぞれ R, G, B の値であることを示す添
え字とすると、 
 
 (10) 
 
 
である。刺激和を S とすると、 
 
 (11) 
 
 
であるから、 
 
 (12) 
 
 
 (13) 
 
となる。 
イルミナントを sRGB で用いられているイルミナント
D65から、三刺激値 X, Y, Z が等しいイルミナント E にする
と、R = G = B = 1 のとき X = Y = Z = 1 となるから、式(9)
はつぎのようになる。 
 
 
 (14) 
 
 
 (15) 
 
 
 
 (16) 
 
 
式(16)を用いて 3 原色の座標から刺激和 S が求まったら、
式(12)から変換行列 M を定めることができる。 
ここでの目的である色度図の着色では、式(9)の逆を用い
るため、逆行列 M -1に三刺激値 X, Y, Z をかけて sRGB の
R, G, B 値を求め、それらから前述のように変換してデジタ
ル値 R8bit, G8bit, B8bitを求める。 
原色とイルミナントの変更は、もっと早く、最初に行う
べきであった。変更前後の 3 原色とイルミナントを図 8 に
示す。変更後の原色とイルミナントを用いて作成したのが
図 9 である。sRGB の範囲を超えた高彩度部でなだらかに
色が変化しているのがわかる。 
 





















B
G
R
M
Z
Y
X











bgr
bgr
bgr
ZZZ
YYY
XXX
M
bbbb
gggg
rrrr
ZYXS
ZYXS
ZYXS



































b
g
r
bgr
bgr
bgr
bbggrr
bbggrr
bbggrr
S
S
S
zzz
yyy
xxx
zSzSzS
ySySyS
xSxSxS
M
00
00
00
1-
1
1
1
1
1
1
00
00
00
1
1
1





























































































bgr
bgr
bgr
b
g
r
b
g
r
bgr
bgr
bgr
b
g
r
bgr
bgr
bgr
zzz
yyy
xxx
S
S
S
S
S
S
zzz
yyy
xxx
S
S
S
zzz
yyy
xxx
図 8 原色とイルミナントの座標 
 
 
図 9 原色とイルミナントの変更 
 
 
図 10 黄色部の高明度化 
色度図の着色
東京工芸大学工学部紀要 Vol.36 No.1（2013） 59 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
黄色部の高明度化と xy色度図の完成 
図 9 をみると黄色部が暗く彩度が低く見える。そのため、
白色点の高明度化と同様に、ガウス関数を用いて三刺激値
Y を大きくしてユニーク黄 8) を中心とした黄色付近の明
度を高くした。こうしてできたのが図 10 である。 
このように、sRGB の拡張から始まって種々の変更を行
って xy 色度図の着色が完成した。 
 
u’v’色度図 
人間の感覚に合った UCS 色度図 9) である u’v’色度図の
u’ , v’は xy 色度図の x, y から次のように変換される 10)。 
 
 
 (17) 
 
 
 
これらの式を逆変換すると、 
 
 
 (18) 
 
 
となる。この式を用いて u’v’ 色度図の座標 (u’, v’) を xy
色度図上の座標 (x, y) に変換し、それらの値から前述の
ようにして x, y からデジタル値 R8bit, G8bit, B8bitを求めた。
このようにして作成したのが図 11 の u’ v’ 色度図である。 
 
3122
9
3122
4


yx
yv
yx
xu
12'16'6
'4
12'16'6
'9


vu
vy
vu
ux
図 11 u’v’色度図 
図 13 波長目盛を追加した xy 色度図 
 
図 14 波長目盛の拡大図 
Ｐ１
ｄ
Ｐ２
Ｐ３
Ｐ
図 12 波長目盛 
60  
 
 
波長スケール 
スペクトル軌跡に波長の位置を示す目盛があると、主波
長の色がわかり便利である。 
目盛は軌跡と直角で内側につけるようにする。そのため、
図 12 に示すように、スペクトル軌跡上で連続した 3 点 P1, 
P2, P3 の点 P2 に目盛をつける場合、P2 を通り直線 P1P3 に
直交する直線上で、目盛の長さに相当する距離 d だけ P2 
から離れた点 P まで直線を引く。このような点 P は 2 点あ
るが、ベクトル P1P2と P1P の外積を調べることによって馬
蹄形の内側の点を用いる。 
スペクトル軌跡上の波長間の距離は等間隔でないため、
出力する波長の値をデータとして与えた。また、波長の値
を示す文字列の位置を微妙に調整するため、調整値もデー
タとして与えた。このようにして目盛と波長を追加したの
が図 13 で、目盛部分を拡大したのが図 14 である。波長が
5 または 10 の倍数で目盛の長さ d を分かり易いように長
くしているのがわかる。 
同様にして、u’ v’ 色度図に目盛と波長を追加したのが図
15 である。 
 
まとめ 
試行錯誤を繰り返しながら、色度図をきれいに着色する
ことができた。 
色彩科学ハンドブックに掲載されている図は残念ながら、
彩度は低く、擬似輪郭が出ていてあまりきれいには印刷さ
れていない。そのため、ここに掲載した図あるいは次ペー
ジ以降の付図を見たり使ったりしていただければ幸いで
ある。 
本文中にも述べたが、原色の変更を最初に行うべきであ
った。また、白色付近と黄色付近での明度の上昇は、UCS
色度図の u’ v’ 色度図上で行うべきであった。波長目盛を
拡大した図 14 を見るとジャギーが目立つが、これもアン
チエイリアスを行ったほうがよかった。新たに色度図の着
色を試みられる場合は、これらのこと考慮していただきた
い。 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
参考文献 
1) 日本色彩学会編、新編 色彩科学ハンドブック 第 3 版、
東京大学出版会（2011） 
2) 犬井正男、口絵(i) 色をはかる 写真１ CIE (x,y)色度図、
日本機械学会誌、第 114 巻、第 1117 号 (2011) 
3) IEC 61966-2-1:1999, Multimedia systems and equipment - 
Colour measurement and management - Part 2-1: Colour 
management - Default RGB colour space - sRGB 
4) 参考文献 1)、p.980 
5) 参考文献 1)、p.81 
6) 参考文献 1)、p.1668 
7) 参考文献 1)、p.73 
8) 参考文献 1)、p.543 
9) 参考文献 1)、p.97 
10) 参考文献 1)、p.100 
 
図 15 波長目盛を追加した u’v’色度図 
色度図の着色
東京工芸大学工学部紀要 Vol.36 No.1（2013） 61
 
 
 
 
 
付図 1 xy 色度図（図 13 の拡大版） 
62
 
 
 
 
 
 
付図 2  u’v’ 色度図（図 15 の拡大版） 
色度図の着色


Coloring chromaticity diagrams

作品(中扉)

1KJ00008949279論文Articledepartmental bulletin pape

横山, 孝行

1897

ヨコヤマ, タカユキ

Yokoyama, Takayuki

1898

Nurturing of leadership for university student club's leaders

大津, はつね

2989

オオツ, ハツネ

OHTSU, Hatsune

2990

De-sign 22 : "La Matiere de Memoire #3"

奥付

6KJ00008949139論文Articledepartmental bulletin pape

藤木, 文彦

1396

フジキ, フミヒコ

Fujiki, Fumihiko

1397

Study of the network communication system which can identify reliability of the information, and development of OS for knowledge storage system.

2KJ00008949299論文Articledepartmental bulletin pape

1899

1900

Attempts to classify leader's characteristics in university student clubs

Not a member yet