- - - R G B を理解しよう! - - -

RGB (アール・ジー・ビー)は正しくは Red-Green-Blue color model と言います .
コンピュータの分野で色を表現するときの表記法の一つです(他にもたくさんあります) .
色彩を色の三属性(色相 , 明度 , 彩度)によって表現しています .
色を数値で設定することができます .
微妙な色の変化や反対色などを容易に設定できます .


- - - このページの使い方 - - -
数値を入力してカラーの変化を覚えましょう.
バーをスライドさせて色を作ることもできます.

数字は16進数です.
R , G , B それぞれのチャンネルごとに 256段階の強度 ( 0 〜 255 )が用意されています.

始まりが 00 00 00 (真っ黒)で ,
終わりが ff ff ff (真っ白)です .
0 〜255 , 0 〜255 , 0 〜255 を自由に組み合わせましょう.
256 × 256 × 256 = 1677 万 7216 色
つまり16,777,216色(約1,677万色)が表現できます .


- - - デザイナーが自分の色彩感覚をトレーニングをする方法- - -

1, 左上の黒い●を動かしたり , 上下に動くスラーダーを移動させ
  自分の好きな色を作ります .
  この時に 1st number の数字をなるべく見ないようにします .

2, 中央の3色のスライダーを動かして最初の色に
  できるだけ近くなるように設定します .
  上級者は2nd number に直接数字を入れることもできます .

3, R :G: B の数値を比べて自分で答え合わせを行ってください.


ちなみにこの色 は「FM府中」の色(#9bc7b8)です .

http://fm-fuchu.com/
FM府中



こちらの色 は「ミュージックスクール・アップロードハウス」の色(#ffcc33)です .
面白いホーム・ページですから閲覧されたし .

http://www.アップロードハウス.com/
FM府中



私たちにとってRGBカラーを Hex Code や Decimal Code で
数多く記憶するのは不可能ではありませんが大変です .
そこでHTMLではカラー・ネーム(Color Name)という
色指定も考案されました . 色をイメージする英単語で
カラー指定することもできます .
でも使用しているOSやブラウザのバージョンなどの環境により ,
上手く表示できないことがあるのでご注意願います .


  black #000000 =0.0.0
  white #ffffff =255.255.255
  red #ff0000 =255.0.0
  lime #00ff00 =0.255.0
  blue #0000ff =0.0.255
  yellow #ffff00 =255.255.0
  cyan #00ffff =0.255.255
  magenta #ff00ff =255.0.255
  silver #c0c0c0 =192.192.192
  gray #808080 =128.128.128
  maroon #800000 =128.0.0
  olive #808000 =128.128.0
  green #008000 =0.128.0
  purple #800080 =128.0.128
  teal #008080 =0.128.128
  navy #000080 =0.0.128
  maroon #800000 =128.0.0
  darkred #8b0000 =139.0.0
  brown #a52a2a =165.42.42
  firebrick #b22222 =178.34.34
  crimson #dc143c =220.20.60
  tomato #ff6347 =255.99.71
  coral #ff7f50 =255.127.80
  indianred #cd5c5c =205.92.92
  lightcoral #f08080 =240.128.128
  darksalmon #e9967a =233.150.122
  salmon #fa8072 =250.128.114
  lightsalmon #ffa07a =255.160.122
  orangered #ff4500 =255.69.0
  darkorange #ff8c00 =255.140.0
  orange #ffa500 =255.165.0
  gold #ffd700 =255.215.0
  darkgoldenrod #b8860b =184.134.11
  goldenrod #daa520 =218.165.32
  palegoldenrod #eee8aa =238.232.170
  darkkhaki #bdb76b =189.183.107
  khaki #f0e68c =240.230.140
  olive #808000 =128.128.0
  yellowgreen #9acd32 =154.205.50
  darkolivegreen #556b2f =85.107.47
  olivedrab #6b8e23 =107.142.35
  lawngreen #7cfc00 =124.252.0
  chartreuse #7fff00 =127.255.0
  greenyellow #adff2f =173.255.47
  darkgreen #006400 =0.100.0
  forestgreen #228b22 =34.139.34
  lime #00ff00 =0.255.0
  limegreen #32cd32 =50.205.50
  lightgreen #90ee90 =144.238.144
  palegreen #98fb98 =152.251.152
  darkseagreen #8fbc8f =143.188.143
  mediumspringgreen #00fa9a =0.250.154
  springgreen #00ff7f =0.255.127
  seagreen #2e8b57 =46.139.87
  mediumaquamarine #66cdaa =102.205.170
  mediumseagreen #3cb371 =60.179.113
  lightseagreen #20b2aa =32.178.170
  darkslategray #2f4f4f =47.79.79
  darkcyan #008b8b =0.139.139
  lightcyan #e0ffff =224.255.255
  darkturquoise #00ced1 =0.206.209
  turquoise #40e0d0 =64.224.208
  mediumturquoise #48d1cc =72.209.204
  paleturquoise #afeeee =175.238.238
  aquamarine #7fffd4 =127.255.212
  powderblue #b0e0e6 =176.224.230
  cadetblue #5f9ea0 =95.158.160
  steelblue #4682b4 =70.130.180
  cornflowerblue #6495ed =100.149.237
  deepskyblue #00bfff =0.191.255
  dodgerblue #1e90ff =30.144.255
  lightblue #add8e6 =173.216.230
  skyblue #87ceeb =135.206.235
  lightskyblue #87cefa =135.206.250
  midnightblue #191970 =25.25.112
  navy #000080 =0.0.128
  darkblue #00008b =0.0.139
  mediumblue #0000cd =0.0.205
  royalblue #4169e1 =65.105.225
  blueviolet #8a2be2 =138.43.226
  indigo #4b0082 =75.0.130
  darkslateblue #483d8b =72.61.139
  slateblue #6a5acd =106.90.205
  mediumslateblue #7b68ee =123.104.238
  mediumpurple #9370db =147.112.219
  darkmagenta #8b008b =139.0.139
  darkviolet #9400d3 =148.0.211
  darkorchid #9932cc =153.50.204
  mediumorchid #ba55d3 =186.85.211
  purple #800080 =128.0.128
  thistle #d8bfd8 =216.191.216
  plum #dda0dd =221.160.221
  violet #ee82ee =238.130.238
  orchid #da70d6 =218.112.214
  mediumvioletred #c71585 =199.21.133
  palevioletred #db7093 =219.112.147
  deeppink #ff1493 =255.20.147
  hotpink #ff69b4 =255.105.180
  lightpink #ffb6c1 =255.182.193
  pink #ffc0cb =255.192.203
  antiquewhite #faebd7 =250.235.215
  beige #f5f5dc =245.245.220
  bisque #ffe4c4 =255.228.196
  blanchedalmond #ffebcd =255.235.205
  wheat #f5deb3 =245.222.179
  cornsilk #fff8dc =255.248.220
  lemonchiffon #fffacd =255.250.205
  lightgoldenrodyellow #fafad2 =250.250.210
  lightyellow #ffffe0 =255.255.224
  saddlebrown #8b4513 =139.69.19
  sienna #a0522d =160.82.45
  chocolate #d2691e =210.105.30
  peru #cd853f =205.133.63
  sandybrown #f4a460 =244.164.96
  burlywood #deb887 =222.184.135
  tan #d2b48c =210.180.140
  rosybrown #bc8f8f =188.143.143
  moccasin #ffe4b5 =255.228.181
  navajowhite #ffdead =255.222.173
  peachpuff #ffdab9 =255.218.185
  mistyrose #ffe4e1 =255.228.225
  lavenderblush #fff0f5 =255.240.245
  linen #faf0e6 =250.240.230
  oldlace #fdf5e6 =253.245.230
  papayawhip #ffefd5 =255.239.213
  seashell #fff5ee =255.245.238
  mintcream #f5fffa =245.255.250
  slategray #708090 =112.128.144
  lightslategray #778899 =119.136.153
  lightsteelblue #b0c4de =176.196.222
  lavender #e6e6fa =230.230.250
  floralwhite #fffaf0 =255.250.240
  aliceblue #f0f8ff =240.248.255
  ghostwhite #f8f8ff =248.248.255
  honeydew #f0fff0 =240.255.240
  ivory #fffff0 =255.255.240
  azure #f0ffff =240.255.255
  snow #fffafa =255.250.250
  dimgray #696969 =105.105.105
  gray #808080 =128.128.128
  darkgray #a9a9a9 =169.169.169
  silver #c0c0c0 =192.192.192
  lightgray #d3d3d3 =211.211.211
  gainsboro #dcdcdc =220.220.220
  whitesmoke #f5f5f5 =245.245.245

トップにもどる → http://dtpレッスン.com