10月 102011
 

色名称とカラーコードとRGB値をまとめた色見本です。

ライトブルー、スカイブルー

色名称 カラーコード RGB値(R,G,B) コメント
powderblue #b0e0e6 176,224,230
lightblue #add8e6 173,216,230
lightskyblue #87cefa 176,196,222
skyblue #87ceeb 135,206,235
darkturquoise #00ced1 0,206,209
deepskyblue #00bfff 0,191,255
dodgerblue #1e90ff 30,144,255
royalblue #4169e1 65,105,255
cornflowerblue #6495ed 100,149,237
cadetblue #5f9ea0 95,158,160

青鉄、青錆

色名称 カラーコード RGB値(R,G,B) コメント
lightsteelblue #b0c4de 172,196,222
steelblue #4682b4 70,130,180
lightslategray #778899 119,136,153
slategray #708090 112,128,144

群青、ネイビーブルー

色名称 カラーコード RGB値(R,G,B) コメント
blue #0000ff 0,0,255
mediumblue #0000cd 0,0,205
darkblue #00008b 0,0,139
navy #000080 0,0,128
midnightblue #191970 25,25,112
10月 102011
 

色名称とカラーコードとRGB値をまとめた色見本です。

色名称 カラーコード RGB値(R,G,B)
white #ffffff 255,255,255
whitesmoke #f5f5f5 245,245,245
snow #fffafa 255,250,250
ghostwhite #f8f8ff 248,248,255
mintcream #f5fffa 245,255,250
azure #f0ffff 240,255,255
ivory #fffff0 255,255,240
floralwhite #fffaf0 255,250,240
aliceblue #f0f8ff 240,248,255
lavenderblush #fff0f5 250,240,245
seashell #fff5ee 255,245,238
honeydew #f0fff0 240,255,240
lightyellow #ffffe0 255,255,224
oldlace #fdf5e6 253,245,230
cornsilk #fff8dc 255,248,220
linen #faf0e6 250,240,230
lemonchiffon #fffacd 255,250,205
lavender #e6e6fa 230,230,250
beige #f5f5dc 245,245,220
lightgoldenrodyellow #fafad2 250,250,210
mistyrose #ffe4e2 255,228,225
papayawhip #ffefd5 255,239,213
antiquewhite #faebd7 250,235,215

灰色

色名称 カラーコード RGB値(R,G,B)
gainsboro #dcdcdc 220,220,220
lightgray #d3d3d3 211,211,211
silver #c0c0c0 192,192,192
darkgray #a9a9a9 169,169,169
gray #808080 128,128,128
dimgray #696969 105,105,105

色名称 カラーコード RGB値(R,G,B)
black #000000 0,0,0
10月 102011
 

色名称とカラーコードとRGB値をまとめた色見本です。

Web上での色の扱い方

光の三原色(RGB値)Web上では、色は基本的に「赤」「緑」「青」の3つの組み合わせで表現されます。 これは一般的には光の三原色(RGB値)と呼ばれるもです。

赤・緑・青にそれぞれ0~255の値を指定することで、あらゆる色が表現出来る様になっています。 絵の具を混ぜるといろんな色が作り出せるのと同じ雰囲気と思って頂ければよいかと。 以下のいくつかの例を見れば、直感的に理解できると思います。

255 0 0 赤色 0 0 0 黒色
255 0 255 紫色 118 118 118 灰色
0 0 255 青色 255 255 255 白色

しかし、ホームページを作る時には0~255の数字ではなく00~ffという16進数が使われます。 ただ、16進数がわからない人でも下の色見本に載っている「カラーコード」や「色名称」をコピー&ペーストすればOKなので、理系が苦手だという方もご安心下さい。

色名称/カラーコード/RGB値付き色見本

具体的な色とその色名称、カラーコードの一覧を掲載しています。色の系統毎にまとめておいたので、以下のリンク先のページをご覧下さい。

  1. 白・灰色・黒系
  2. 青、青錆、群青系
  3. シアン、青緑系
  4. 緑、黄緑、若葉、海緑系
  5. 紫系
  6. 赤、ピンク、茶系
  7. 黄色、オレンジ、金系