htmlでの色の指定方法にはRGBの値を6桁の16進数で表す方法と、色の名前で指定する方法の2種類があります。カラーコードは色の三原色(赤、緑、青)を2桁ずつの16進数(00〜ff)で表します。それぞれの2桁の数値が表している色は、00が最も暗く、ffが最も明るくなります。
ここで、16進数について説明します。16進数では、10〜15 の値に対して a〜f の文字をあてます。 a〜f は 10〜15 を表す 「数字」 です。 こうすると、0000〜1111 の4桁の2進数を 「1桁の数字」 で表すことができます。ここでは、2進数を16進数で扱う機会も多いと思うので2進数の説明もさせてもらいます。
10進数 | 2進数 | 16進数 |
---|---|---|
0 | 0000 | 0 |
1 | 0001 | 1 |
2 | 0010 | 2 |
3 | 0011 | 3 |
4 | 0100 | 4 |
5 | 0101 | 5 |
6 | 0110 | 6 |
7 | 0111 | 7 |
8 | 1000 | 8 |
9 | 1001 | 9 |
10 | 1010 | a |
11 | 1011 | b |
12 | 1100 | c |
13 | 1101 | d |
14 | 1110 | e |
15 | 1111 | f |
16 | 10000 | 10 |
2進数を16進数で表すには、2進数を下位から4桁ごとに区切って16進数に置き換えるだけです。では、10進数をn進数で表すにはご存じの方も多いと思いますが、Point1を用いれば変換できます。
例を下に載せます。
10進数 | 2進数 | 16進数 |
---|---|---|
1 | 1 | 1 |
123 | 111 1011 | 7d(7 11) |
4567 | 1 0001 1101 0111 | 11d7(1 1 13 7) |
という風になります。下にセーフカラー216色のカラーコードと色を載せます。216色を守ってやってる人は今でもいるのか疑問ですが、限界があるので216色にとどめておきます。16進数の値と( )内がRGB値です。
ffffff (255.255.255) |
ffffcc (255.255.204) |
ffff99 (255.255.153) |
ffff66 (255.255.102) |
ffff33 (255.255.51) |
ffff00 (255.255.0) |
ffccff (255.204.255) |
ffcccc (255204.204) |
ffcc99 (255.204.153) |
ffcc66 (255.204.102) |
ffcc33 (255.204.51) |
ffcc00 (255.204.0) |
ff99ff (255.153.255) |
ff99cc (255.153.204) |
ff9999 (255.153.153) |
ff9966 (255.153.102) |
ff9933 (255.153.51) |
ff9900 (255.153.0) |
ff66ff (255.102.255) |
ff66cc (255.102.204) |
ff6699 (255.102.153) |
ff6666 (255.102.102) |
ff6633 (255.102.51) |
ff6600 (255.102.0) |
ff33ff (255.51.255) |
ff33cc (255.51.204) |
ff3399 (255.51.153) |
ff3366 (255.51.102) |
ff3333 (255.51.51) |
ff3300 (255.51.0) |
ff00ff (255.0.255) |
ff00cc (255.0.204) |
ff0099 (255.0.153) |
ff0066 (255.0.102) |
ff0033 (255.0.51) |
ff0000 (255.0.0) |
ccffff (204.255.255) |
ccffcc (204.255.204) |
ccff99 (204.255.153) |
ccff66 (204.255.102) |
ccff33 (204.255.51) |
ccff00 (204.255.0) |
ccccff (204.204.255) |
cccccc (204.204.204) |
cccc99 (204.204.153) |
cccc66 (204.204.102) |
cccc33 (204.204.51) |
cccc00 (204.204.0) |
cc99ff (204.153.255) |
cc99cc (204.153.204) |
cc9999 (204.153.153) |
cc9966 (204.153.102) |
cc9933 (204.153.51) |
cc9900 (204.153.0) |
cc66ff (204.102.255) |
cc66cc (204.102.204) |
cc6699 (204.102.153) |
cc6666 (204.102.102) |
cc6633 (204.102.51) |
cc6600 (204.102.0) |
cc33ff (204.51.255) |
cc33cc (204.51.204) |
cc3399 (204.51.153) |
cc3366 (204.51.102) |
cc3333 (204.51.51) |
cc3300 (204.51.0) |
cc00ff (204.0.255) |
cc00cc (204.0.204) |
cc0099 (204.0.153) |
cc0066 (204.0.102) |
cc0033 (204.0.51) |
cc0000 (204.0.0) |
99ffff (153.255.255) |
99ffcc (153.255204) |
99ff99 (153.255.153) |
99ff66 (153.255.102) |
99ff33 (153.255.51) |
99ff00 (153.255.0) |
99ccff (153.204.255) |
99cccc (153.204.204) |
99cc99 (153.204.153) |
99cc66 (153.204.102) |
99cc33 (153.204.51) |
99cc00 (153.204.0) |
9999ff (153.153.255) |
9999cc (153.153.204) |
999999 (153.153.153) |
999966 (153.153.102) |
999933 (153.153.51) |
999900 (153.153.0) |
9966ff (153.102.255) |
9966cc (153.102.204) |
996699 (153.102.153) |
996666 (153.102.102) |
996633 (153.102.51) |
996600 (153.102.0) |
9933ff (151.51.255) |
9933cc (153.51.204) |
993399 (153.51.153) |
993366 (153.51.102) |
993333 (153.51.51) |
993300 (153.51.0) |
9900ff (153.0.255) |
9900cc (153.0.204) |
990099 (153.0.153) |
990066 (153.0.102) |
990033 (153.0.51) |
990000 (153.0.0) |
66ffff (102.255.255) |
66ffcc (102.255.204) |
66ff99 (102.255.153) |
66ff66 (102.255.102) |
66ff33 (102.255.51) |
66ff00 (102.255.0) |
66ccff (102.204.255) |
66cccc (102.204.204) |
66cc99 (102.204.153) |
66cc66 (102.204.102) |
66cc33 (102.204.51) |
66cc00 (102.204.0) |
6699ff (102.153.255) |
6699cc (102.153.204) |
669999 (102.153.153) |
669966 (102.153.102) |
669933 (102.153.51) |
669900 (102.153.0) |
6666ff (102.102.255) |
6666cc (102.102.204) |
666699 (102.102.153) |
666666 (102.102.102) |
666633 (102102.51) |
666600 (102102.0) |
6633ff (102.51.255) |
6633cc (102.51.204) |
663399 (102.51.153) |
663366 (102.51102) |
663333 (102.51.51) |
663300 (102.51.0) |
6600ff (102.0.255) |
6600cc (102.0.204) |
660099 (102.0.153) |
660066 (102.0.102) |
660033 (102.0.51) |
660000 (102.0.0) |
33ffff (51.255.255) |
33ffcc (51.255.204) |
33ff99 (51.255.153) |
33ff66 (51.255.102) |
33ff33 (51.255.51) |
33ff00 (51.255.0) |
33ccff (51.204.255) |
33cccc (51.204.204) |
33cc99 (51.204.153) |
33cc66 (51.204.102) |
33cc33 (51.204.51) |
33cc00 (51.204.0) |
3399ff (51.153.255) |
3399cc (51.153.204) |
339999 (51.153.153) |
339966 (51.153.102) |
339933 (51.153.51) |
339900 (51.153.0) |
3366ff (51.102.255) |
3366cc (51.102.204) |
336699 (51.102.153) |
336666 (51.102.102) |
336633 (51.102.51) |
336600 (51.102.0) |
3333ff (51.51.255) |
3333cc (51.51.204) |
333399 (51.51.153) |
333366 (51.51.102) |
333333 (51.51.51) |
333300 (51.51.0) |
3300ff (51.0.255) |
3300cc (51.0.204) |
330099 (51.0.153) |
330066 (51.0.102) |
330033 (51.0.51) |
330000 (51.0.0) |
00ffff (0.255.255) |
00ffcc (0.255.204) |
00ff99 (0.255.153) |
00ff66 (0.255102) |
00ff33 (0.255.51) |
00ff00 (0.255.0) |
00CCff (0.204.255) |
00CCcc (0.204.204) |
00CC99 (0.204.153) |
00CC66 (0.204.102) |
00CC33 (0.204.51) |
00CC00 (0.204.0) |
0099ff (0.153.255) |
0099cc (0.153.204) |
009999 (0.153.153) |
009966 (0.153.102) |
009933 (0.153.51) |
009900 (0.153.0) |
0066ff (0.102.255) |
0066cc (0.102.204) |
006699 (0.102.153) |
006666 (0.102.102) |
006633 (0.102.51) |
006600 (0.102.0) |
0033ff (0.51.255) |
0033cc (0.51.204) |
003399 (0.51.153) |
003366 (0.51.102) |
003333 (0.51.51) |
003300 (0.51.0) |
0000ff (0.0.255) |
0000cc (0.0.204) |
000099 (0.0.153) |
000066 (0.0.102) |
000033 (0.0.51) |
000000 (0.0.0) |
ffffff (255,255,255) |
cccccc (204,204,204) |
999999 (153,153,153) |
666666 (102,102,102) |
333333 (51,51,51) |
000000 (0,0,0) |