その他その他

RGBまとめ：色の仕組みとRGBカラーコード一覧表

2013年2月16日

RGBとは、PCやテレビで色を出す仕組みのことです。このブログで扱っているデスクトップカスタマイズやお絵描き系のフリーソフトなんかで必要になることがあるので、簡単にまとめてみました。

RGBの色の仕組み

RGBは、RED（赤）・GREEN（緑）・BLUE（青）の頭文字で、「RGB（255,0,0）」というふうに表記したりします。モニターは、3色のライトを組み合わせて色を出しているので、どの色をどのくらい光らせるかをそのまま数字で表しているんですね。

数字は0～255までを使います。例えば「RGB（255,0,0）」なら「赤は最大の255まで明るく、緑と青は一番暗い0にする」という意味になります。つまり、光ってるのは赤だけなので、モニターには赤色が映ります。

また、光は足せばたすほど明るくなる性質があって、赤と緑を足すと黄色になります。RGB表記では「RGB（255,255,0）」で黄色ということですね。

RGBカラーコード一覧表

主な色を一覧表にしてみました。実際にアプリなんかで使うときは、この表をみてコピペすればOKです。

8色のグラデーション

			R:255 G:255 B:255	R:0 G:0 B:0
R:252 G:252 B:252	R:255 G:251 B:251	R:255 G:255 B:251	R:251 G:255 B:251	R:251 G:255 B:255	R:251 G:253 B:255	R:255 G:251 B:253	R:255 G:251 B:255
R:249 G:249 B:249	R:255 G:244 B:244	R:255 G:255 B:244	R:244 G:255 B:244	R:244 G:255 B:255	R:244 G:250 B:255	R:255 G:244 B:250	R:255 G:244 B:255
R:244 G:244 B:244	R:255 G:234 B:234	R:255 G:255 B:234	R:234 G:255 B:234	R:234 G:255 B:255	R:234 G:244 B:255	R:255 G:234 B:244	R:255 G:234 B:255
R:239 G:239 B:239	R:255 G:223 B:223	R:255 G:255 B:223	R:223 G:255 B:223	R:223 G:255 B:255	R:223 G:239 B:255	R:255 G:223 B:239	R:255 G:223 B:255
R:233 G:233 B:233	R:255 G:213 B:213	R:255 G:255 B:213	R:213 G:255 B:213	R:213 G:255 B:255	R:213 G:234 B:255	R:255 G:213 B:234	R:255 G:213 B:255
R:223 G:223 B:223	R:255 G:191 B:191	R:255 G:255 B:191	R:191 G:255 B:191	R:191 G:255 B:255	R:191 G:223 B:255	R:255 G:191 B:223	R:255 G:191 B:255
R:191 G:191 B:191	R:255 G:128 B:128	R:255 G:255 B:128	R:128 G:255 B:128	R:128 G:255 B:255	R:128 G:191 B:255	R:255 G:128 B:192	R:255 G:128 B:255
R:127 G:127 B:127	R:255 G:0 B:0	R:255 G:255 B:0	R:128 G:255 B:0	R:0 G:255 B:255	R:0 G:128 B:255	R:255 G:0 B:128	R:255 G:0 B:255
R:74 G:74 B:74	R:149 G:0 B:0	R:149 G:149 B:0	R:0 G:149 B:0	R:0 G:149 B:149	R:0 G:74 B:149	R:149 G:0 B:74	R:149 G:0 B:149
R:53 G:53 B:53	R:106 G:0 B:0	R:106 G:106 B:0	R:0 G:106 B:0	R:0 G:106 B:106	R:0 G:53 B:106	R:106 G:0 B:53	R:106 G:0 B:106

パステルカラー（淡い色）

R:255 G:234 B:235	R:255 G:234 B:234	R:255 G:234 B:250	R:255 G:234 B:255	R:244 G:234 B:255	R:234 G:234 B:255	R:234 G:244 B:255	R:234 G:255 B:255
R:234 G:255 B:244	R:234 G:255 B:234	R:244 G:255 B:234	R:255 G:255 B:234	R:255 G:244 B:234	R:255 G:239 B:234	R:243 G:248 B:241	R:242 G:240 B:249
R:255 G:249 B:249	R:255 G:249 B:252	R:255 G:249 B:254	R:255 G:249 B:255	R:252 G:249 B:255	R:251 G:249 B:255	R:249 G:249 B:255	R:249 G:252 B:255
R:249 G:255 B:254	R:249 G:255 B:252	R:249 G:255 B:249	R:252 G:255 B:249	R:255 G:255 B:249	R:255 G:252 B:249	R:255 G:251 B:249	R:253 G:253 B:251

落ち着いた色

R:217 G:230 B:223	R:217 G:230 B:217	R:223 G:230 B:217	R:230 G:230 B:217	R:230 G:226 B:217	R:230 G:223 B:217	R:230 G:220 B:217	R:230 G:219 B:217
R:232 G:215 B:215	R:230 G:217 B:223	R:230 G:217 B:230	R:223 G:217 B:230	R:219 G:217 B:230	R:217 G:219 B:230	R:217 G:223 B:230	R:217 G:230 B:230
R:173 G:209 B:209	R:173 G:209 B:201	R:173 G:209 B:191	R:173 G:209 B:183	R:183 G:209 B:173	R:209 G:209 B:173	R:209 G:191 B:173	R:209 G:183 B:173
R:209 G:173 B:174	R:209 G:173 B:191	R:209 G:173 B:209	R:191 G:173 B:209	R:183 G:173 B:209	R:173 G:173 B:209	R:173 G:183 B:209	R:173 G:191 B:209
R:122 G:69 B:70	R:122 G:69 B:96	R:122 G:69 B:109	R:122 G:69 B:122	R:96 G:69 B:122	R:69 G:69 B:122	R:69 G:96 B:122	R:69 G:122 B:122
R:69 G:122 B:109	R:69 G:122 B:83	R:83 G:122 B:69	R:122 G:122 B:69	R:122 G:109 B:69	R:122 G:96 B:69	R:122 G:83 B:69	R:122 G:75 B:69

グレイスケール（グレーのグラデーション）

R:252 G:252 B:252	R:249 G:249 B:249	R:246 G:246 B:246	R:244 G:244 B:244	R:239 G:239 B:239	R:233 G:233 B:233	R:228 G:228 B:228	R:223 G:223 B:223
R:217 G:217 B:217	R:212 G:212 B:212	R:201 G:201 B:201	R:191 G:191 B:191	R:180 G:180 B:180	R:170 G:170 B:170	R:159 G:159 B:159	R:148 G:148 B:148
R:127 G:127 B:127	R:116 G:116 B:116	R:106 G:106 B:106	R:85 G:85 B:85	R:63 G:63 B:63	R:42 G:42 B:42	R:21 G:21 B:21	R:10 G:10 B:10

…というわけで今回は、RGBカラーの仕組みと一覧表をまとめてみました。デスクトップカスタマイズやペイントソフトなど、色をRGBコードで書く必要があるときは使ってみてください。