カラーコード

0~255を5等分する

0~255を51ずつに区切るとちょうど5等分して6段階の強さにすることができる。0, 51, 102, 153, 204, 255 である。これを2進表記に近い16進表記にすると,0, 33, 66, 99, cc, ff となり覚えやすくなるのでコンピュータの色指定は16進表記を使うことが多い

10進表記

0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,...

16進表記

0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f,10,11,12,13,14,15,16,17,18,19,1a,1b,1c,1d,1e,1f,20,21,...

実は0~255の強さを等分して何段階かに分ける方法は,3,5,15,17,51,85しかない。その多くが16進表記でぞろ目なのは2進表記と16進表記の近い関係にあることによる。

0 0 0 0 0
1 15 17 51 85
2 30 34 102 170
3 45 51 153 255
4 60 68 204
5 75 85 255
6 90 102
7 105 119
8 120 136
9 135 153
10 150 170
11 165 187
12 180 204
13 195 221
14 210 238
15 225 255
16 240
17 255
0 00 00 00 00
1 0f 11 33 55
2 1e 22 66 aa
3 2d 33 99 ff
4 3c 44 cc
5 4b 55 ff
6 5a 66
7 69 77
8 78 88
9 87 99
10 96 aa
11 a5 bb
12 b4 cc
13 c3 dd
14 d2 ee
15 e1 ff
16 f0
17 ff

カラーコード

この0~255の16進表記をRGBの3色分並べたものをgimpでも使っています。ウェブページを表記するhtmlでは#を先頭につけカラーコードと呼んでいます。

カラーダイアログの下の方,下図では 2c7a06 とある部分です。2c7a06 と2桁ずつ rrggbb の強さということです。

2a≒33 7a≒66 06≒00 と考えれば 336600 よりも少し赤みが弱く緑と青が強い色というように,0, 33, 66, 99, cc, ff の組み合わせを知っていればどんな色か見当がつきます。

逆にgimpのこの部分にカラーコードを書き入れてEnterを押すと,その色が表示されます。

  


Gimpを使った画像処理(Sep.2009)
聖愛中学高等学校
http://www.seiai.ed.jp/
Jan.2010加筆