ただいま

です。

カラーRBG順色表示


ホームページを作成していても、色の扱いにはいつも困っている。また記述したあとで、カラーコードを見てもどんな色を設定したのか、エディタではわからず困る。書籍でそのコードを探そうとしてもなかなか見つけることができない。そこでこんなページがあれば少しは楽になるかもしれないと作ってみる。

色のコードをコピーしたいときは、そのコードが表示されている枠のところで 「Ctrl」+「左クリック」で選択状態になるので、選択された状態(反転されている)から「右クリック」のメニューでコピーを選んでください。

慣用色名の欄に英語表記をしているものはその名前で表示できる。

赤色で文字を指定したい時は
<font color="red">赤色</font>と記述すると赤色となる。(タグの<>は半角にすること。ここでは簡単に示すため全角で記述しています。)

<B style="color:blue">太字の青文字</B>と記述すると、青色で太字太字の青文字となる。

No. カラー 慣用色名 読み方 RGB(16) R(10) G(10) B(10)
1black---#000000---------
2navy---#000080---------
3darkblue---#00008B---------
4mediumblue---#0000CD---------
5blue---#0000FF---------
6ビリヤードグリーンbilliard green#00483A07258
7瑠璃色るりいろ#00519A081154
8マリンブルーmarine blue#00526B082107
9萌葱色もえぎいろ#00533E08362
10深緑ふかみどり#00563808656
11コバルトブルーcobalt blue#0062A0098160
12darkgreen---#006400---------
13納戸色なんどいろ#00687C0104124
14あお#006AB60106182
15ビリジアンviridian#006D56010986
16ピーコックブルーpeacock blue#006E7B0110123
17ブルーblue#006FAB0111171
18セルリアンブルーcerulean blue#0073A20115162
19常磐色ときわいろ#007B50012380
20露草色つゆくさいろ#007BC30123195
21ピーコックグリーンpeacock green#007D7F0125127
22マラカイトグリーンmalachite green#007E4E012678
23green---#008000---------
24teal---#008080---------
25浅葱色あさぎいろ#00859B0133155
26darkcyan---#008B8B---------
27青緑あおみどり#008E940142148
28グリーンgreen#009A57015487
29シアンcyan#009CD10156209
30ターコイズブルーturquoise blue#009DBF0157191
31若竹色わかたけいろ#00A37E0163126
32エメラルドグリーンemerald green#00A4740164116
33みどり#00B66E0182110
34deepskyblue---#00BFFF---------
35darkturquoise---#00CED1---------
36mediumspringgreen---#00FA9A---------
37lime---#00FF00---------
38springgreen---#00FF7F---------
39aqua---#00FFFF---------
40cyan---#00FFFF---------
41コバルトグリーンcobalt green#09C2899194137
42midnightblue---#191970---------
43dodgerblue---#1E90FF---------
44ボトルグリーンbottle green#204537326955
45lightseagreen---#20B2AA---------
46ランプブラックlamp black#212121333333
47ブラックblack#212121333333
48濃藍こいあい#223546345370
49forestgreen---#228B22---------
50鉄色てついろ#24433E366762
51ミッドナイトブルーmidnight blue#252A35374253
52瑠璃紺るりこん#27477A3971122
53鉄紺てつこん#292934414152
54くろ#2A2A2A424242
55鉄黒てつぐろ#2A2A2A424242
56フォレストグリーンforest green#2A77624211998
57藍色あいいろ#2B4B654375101
58縹色はなだいろ#2B618F4397143
59seagreen---#2E8B57---------
60darkslategray---#2F4F4F---------
61オリエンタルブルーoriental blue#3042854866133
62limegreen---#32CD32---------
63すみ#343434525252
64紺色こんいろ#343D55526185
65ネービーブルーnavy blue#343D55526185
66紺藍こんあい#3535735353115
67群青色ぐんじょういろ#384D985677152
68ウルトラマリンブルーultramarine blue#384D985677152
69勝色かちいろ#3A3C4F586079
70紺青こんじょう#3A4861587297
71アイアンブルーiron blue#3A4861587297
72プルシャンブルーPrussian blue#3A4861587297
73千歳緑ちとせみどり#3C67546010384
74mediumseagreen---#3CB371---------
75ナイルブルーNile blue#3D8E9561142149
76黒茶くろちゃ#3E312B624943
77turquoise---#40E0D0---------
78royalblue---#4169E1---------
79紫紺しこん#422C41664465
80パンジーpansy#4331716749113
81桔梗色ききょういろ#4347A26771162
82杜若色かきつばたいろ#435AA06790160
83バーガンディーburgundy#442E31684649
84steelblue---#4682B4---------
85茄子紺なすこん#473946715770
86セピアsepia#483C2C726044
87darkslateblue---#483D8B---------
88mediumturquoise---#48D1CC---------
89indigo---#4B0082---------
90チャコールグレイcharcoal grey#4B474D757177
91アイビーグリーンivy green#4C67337610351
92緑青色ろくしょういろ#4D816977129105
93チョコレートchocolate#503830805648
94スレートグレイslate grey#515356818386
95ボルドーbordeaux#533638835456
96新橋色しんばしいろ#53A8B783168183
97darkolivegreen---#556B2F---------
98焦茶こげちゃ#564539866957
99バーントアンバーburnt umber#57462D877045
100オリーブグリーンolive green#575531878549
101藍鼠あいねず#576D7987109121
102ミントグリーンmint green#58CE9188206145
103サックスブルーsax blue#5A799390121147
104オリーブolive#5C5424928436
105煤竹色すすたけいろ#5D5245938269
106cadetblue---#5F9EA0---------
107錆浅葱さびあさぎ#608A8E96138142
108江戸紫えどむらさき#6148769772118
109錆色さびいろ#624035986453
110cornflowerblue---#6495ED---------
111オリーブドラブolive drab#655F471019571
112マルーンmaroon#662B2C1024344
113鳩羽色はとばいろ#66597110289113
114mediumaquamarine---#66CDAA---------
115松葉色まつばいろ#687E5210412682
116海老茶えびちゃ#693C341056052
117藤納戸ふじなんど#69639A10599154
118dimgray---#696969---------
119slateblue---#6A5ACD---------
120鶯茶うぐいすちゃ#6A5F371069555
121青竹色あおたけいろ#6AA89D106168157
122褐色かっしょく#6B3E08107628
123olivedrab---#6B8E23---------
124紅海老茶べにえびちゃ#6D3A331095851
125茶色ちゃいろ#6D4C331097651
126ブラウンbrown#6D4C331097651
127スチールグレイsteel grey#6D696F109105111
128水浅葱みずあさぎ#6D969C109150156
129青磁色せいじいろ#6DA895109168149
130利休鼠りきゅうねずみ#6E7972110121114
131ヒヤシンスhyacinth#6E82AD110130173
132栗色くりいろ#704B381127556
133ココアブラウンcocoa brown#704B381127556
134鶯色うぐいすいろ#706C3E11210862
135slategray---#708090---------
136菫色すみれいろ#714C9911376153
137バイオレットviolet#714C9911376153
138海松色みるいろ#716B4A11310774
139鉛色なまりいろ#72777D114119125
140草色くさいろ#737C3E11512462
141グラスグリーンgrass green#737C3E11512462
142白群びゃくぐん#73B3C1115179193
143青紫あおむらさき#7445AA11669170
144菖蒲色しょうぶいろ#744B9811675152
145古代紫こだいむらさき#76527611882118
146ローアンバーraw umber#765B1B1189127
147灰色はいいろ#767676118118118
148グレイgrey#767676118118118
149lightslategray---#778899---------
150ウイスタリアwistaria#7967C3121103195
151鳶色とびいろ#7A453D1226961
152ブロンズbronze#7A592F1228947
153mediumslateblue---#7B68EE---------
154苔色こけいろ#7C7A3712412255
155lawngreen---#7CFC00---------
156甕覗きかめのぞき#7EB1C1126177193
157chartreuse---#7FFF00---------
158aquamarine---#7FFFD4---------
159maroon---#800000---------
160purple---#800080---------
161ワインレッドwine red#80273F1283963
162olive---#808000---------
163gray---#808080---------
164灰茶はいちゃ#81655112910181
165鼠色ねずみいろ#838383131131131
166朽葉色くちばいろ#84746113211697
167モーブmauve#85589613388150
168弁柄色べんがらいろ#863E331346251
169桧皮色ひわだいろ#865C4B1349275
170ホリゾンブルーhorizon blue#87AFC5135175197
171skyblue---#87CEEB---------
172lightskyblue---#87CEFA---------
173ヘリオトロープheliotrope#8865B2136101178
174リーフグリーンleaf green#89983B13715259
175勿忘草色わすれなぐさいろ#89ACD7137172215
176空色そらいろ#89BDDE137189222
177スカイブルーsky blue#89BDDE137189222
178blueviolet---#8A2BE2---------
179darkred---#8B0000---------
180darkmagenta---#8B008B---------
181saddlebrown---#8B4513---------
182ローズグレイrose grey#8C8080140128128
183赤錆色あかさびいろ#8D39271415739
184アッシュグレイash grey#8F8F8F143143143
185darkseagreen---#8FBC8F---------
186小豆色あずきいろ#905D541449384
187lightgreen---#90EE90---------
188煉瓦色れんがいろ#914C351457653
189mediumpurple---#9370DB---------
190darkviolet---#9400D3---------
191蘇芳すおう#94474B1487175
192萌黄もえぎ#97A61E15116630
193シーグリーンsea green#97B64D15118277
194藤紫ふじむらさき#9883C9152131201
195palegreen---#98FB98---------
196darkorchid---#9932CC---------
197茶鼠ちゃねずみ#998D86153141134
198ラベンダーlavender#9A8A9F154138159
199yellowgreen---#9ACD32---------
200銀鼠ぎんねず#9C9C9C156156156
201シルバーグレイsilver grey#9C9C9C156156156
202水色みずいろ#9DCCE0157204224
203茜色あかねいろ#9E22361583454
204紅樺色べにかばいろ#9E413F1586563
205タンtan#9E6C3F15810863
206土色つちいろ#9F6C3115910849
207コルクcork#9F7C5C15912492
208sienna---#A0522D---------
209バーントシェンナburnt sienna#A2553C1628560
210藤色ふじいろ#A294C8162148200
211アップルグリーンapple green#A2D29E162210158
212カーキーkhaki#A3685116310481
213ベビーブルーbaby blue#A3BACD163186205
214brown---#A52A2A---------
215むらさき#A757A816787168
216パープルpurple#A757A816787168
217テラコッタterracotta#A950451698069
218darkgray---#A9A9A9---------
219若葉色わかばいろ#A9C087169192135
220琥珀色こはくいろ#AA7A4017012264
221アンバーamber#AA7A4017012264
222パールグレイpearl grey#AAAAAA170170170
223若草色わかくさいろ#AAB3001701790
224臙脂えんじ#AD31401734964
225赤茶あかちゃ#AD4E391737857
226lightblue---#ADD8E6---------
227greenyellow---#ADFF2F---------
228コチニールレッドcochineal red#AE2B521744382
229paleturquoise---#AFEEEE---------
230駱駝色らくだいろ#B0764F17611879
231lightsteelblue---#B0C4DE---------
232powderblue---#B0E0E6---------
233黄茶きちゃ#B1632A1779942
234ローシェンナraw sienna#B1632A1779942
235firebrick---#B22222---------
236代赭たいしゃ#B262351789853
237スカイグレイsky grey#B3B8BB179184187
238金茶きんちゃ#B477001801190
239肉桂色にっけいいろ#B5725C18111492
240樺色かばいろ#B648261827238
241紅赤べにあか#B81A3E1842662
242darkgoldenrod---#B8860B---------
243黄土色おうどいろ#B8883B18413659
244イエローオーカーyellow ocher#B8883B18413659
245ルビーレッドruby red#B90B501851180
246mediumorchid---#BA55D3---------
247白緑びゃくろく#BADBC7186219199
248ストロベリーstrawberry#BB004B187075
249黄緑きみどり#BBC0001871920
250rosybrown---#BC8F8F---------
251ベージュbeige#BCA78D188167141
252darkkhaki---#BDB76B---------
253あか#BE0032190050
254カーマインcarmine#BE0039190057
255紅色べにいろ#BE003F190063
256バフbuff#C09567192149103
257抹茶色まっちゃいろ#C0BA7F192186127
258silver---#C0C0C0---------
259シャトルーズグリーンchartreuse green#C0D13619220954
260ライラックlilac#C29DC8194157200
261鶸色ひわいろ#C2BD3D19418961
262キャロットオレンジcarrot orange#C554311978449
263菖蒲色あやめいろ#C573B2197115178
264砂色すないろ#C5B69E197182158
265オールドローズold rose#C67A85198122133
266オーキッドorchid#C69CC5198156197
267mediumvioletred---#C71585---------
268芥子色からしいろ#C8A65D20016693
269牡丹色ぼたんいろ#C9409320164147
270ローズレッドrose red#CA477520271117
271indianred---#CD5C5C---------
272peru---#CD853F---------
273シグナルレッドsignal red#CE21432063367
274躑躅色つつじいろ#CF407820764120
275マゼンタmagenta#D13A8420958132
276鉛丹色えんたんいろ#D1483E2097262
277chocolate---#D2691E---------
278tan---#D2B48C---------
279チェリーピンクcherry pink#D3588921188137
280lightgrey---#D3D3D3---------
281小麦色こむぎいろ#D4A168212161104
282薔薇色ばらいろ#D53E622136298
283黄檗色きはだいろ#D6C94921420173
284黄赤きあか#D860112169617
285杏色あんずいろ#D89F6D216159109
286アプリコットapricot#D89F6D216159109
287thistle---#D8BFD8---------
288レモンイエローlemon yellow#D9CA002172020
289赤紫あかむらさき#DA508F21880143
290orchid---#DA70D6---------
291goldenrod---#DAA520---------
292ローズrose#DB35612195397
293柿色かきいろ#DB5C352199253
294palevioletred---#DB7093---------
295crimson---#DC143C---------
296gainsboro---#DCDCDC---------
297plum---#DDA0DD---------
298スカーレットscarlet#DE38382225656
299burlywood---#DEB887---------
300象牙色ぞうげいろ#DED2BF222210191
301アイボリーivory#DED2BF222210191
302ポピーレッドpoppy red#DF334E2235178
303レッドred#DF34472235271
304トマトレッドtomato red#DF34472235271
305紅梅色こうばいいろ#DF828A223130138
306レグホーンleghorn#DFC291223194145
307lightcyan---#E0FFFF---------
308桃色ももいろ#E38089227128137
309黄色きいろ#E3C7002271990
310蒲公英色たんぽぽいろ#E3C7002271990
311クリームイエローcream yellow#E4D3A2228211162
312韓紅からくれない#E64B6B23075107
313赤橙あかだいだい#E652262308238
314lavender---#E6E6FA---------
315ゴールデンイエローgolden yellow#E89A3C23215460
316ピーチpeach#E8BDA5232189165
317darksalmon---#E9967A---------
318金赤きんあか#EA4E312347849
319ピンクpink#EA9198234145152
320刈安色かりやすいろ#EAD56B234213107
321生成り色きなりいろ#EAE0D5234224213
322黄丹おうに#EB694023510564
323蜜柑色みかんいろ#EB84002351320
324胡粉色ごふんいろ#EBE7E1235231225
325鬱金色うこんいろ#EDAE002371740
326中黄ちゅうき#EDD60E23721414
327カナリヤcanary yellow#EDD63423721452
328violet---#EE82EE---------
329ローズピンクrose pink#EE8EA0238142160
330ネープルスイエローNaples yellow#EEC06323819299
331palegoldenrod---#EEE8AA---------
332朱色しゅいろ#EF454A2396974
333バーミリオンvermilion#EF454A2396974
334紅緋べにひ#EF46442397068
335橙色だいだいいろ#EF810F23912915
336オレンジorange#EF810F23912915
337ネールピンクnail pink#EFBAA8239186168
338lightcoral---#F08080---------
339マンダリンオレンジmandarin orange#F0962924015041
340khaki---#F0E68C---------
341しろ#F0F0F0240240240
342ホワイトwhite#F0F0F0240240240
343スノーホワイトsnow white#F0F0F0240240240
344aliceblue---#F0F8FF---------
345honeydew---#F0FFF0---------
346azure---#F0FFFF---------
347肌色はだいろ#F1BB93241187147
348sandybrown---#F4A460---------
349卵色たまごいろ#F4BD6B244189107
350イエローyellow#F4D5002442130
351ジョンブリアンjaune brillant#F4D5002442130
352エクルベイジュecru beige#F5CDA6245205166
353wheat---#F5DEB3---------
354beige---#F5F5DC---------
355whitesmoke---#F5F5F5---------
356mintcream---#F5FFFA---------
357ブロンドblond#F6A57D246165125
358クロムイエローchrome yellow#F6BF002461910
359山吹色やまぶきいろ#F8A9002481690
360ghostwhite---#F8F8FF---------
361シェルピンクshell pink#F9C9B9249201185
362salmon---#FA8072---------
363鴇色ときいろ#FA9CB8250156184
364柑子色こうじいろ#FAA55C25016592
365antiquewhite---#FAEBD7---------
366linen---#FAF0E6---------
367lightgoldenrodyellow---#FAFAD2---------
368桜色さくらいろ#FBDADE251218222
369チャイニーズレッドChinese red#FD5A2A2539042
370oldlace---#FDF5E6---------
371ベビーピンクbaby pink#FEC6C5254198197
372red---#FF0000---------
373fuchsia---#FF00FF---------
374magenta---#FF00FF---------
375deeppink---#FF1493---------
376orangered---#FF4500---------
377tomato---#FF6347---------
378hotpink---#FF69B4---------
379coral---#FF7F50---------
380珊瑚色さんごいろ#FF7F8F255127143
381コーラルレッドcoral red#FF7F8F255127143
382darkorange---#FF8C00---------
383サーモンピンクsalmon pink#FF9E8C255158140
384lightsalmon---#FFA07A---------
385マリーゴールドmarigold#FFA4002551640
386orange---#FFA500---------
387lightpink---#FFB6C1---------
388向日葵色ひまわりいろ#FFBB002551870
389pink---#FFC0CB---------
390gold---#FFD700---------
391peachpuff---#FFDAB9---------
392navajowhite---#FFDEAD---------
393moccasin---#FFE4B5---------
394bisque---#FFE4C4---------
395mistyrose---#FFE4E1---------
396blanchedalmond---#FFEBCD---------
397papayawhip---#FFEFD5---------
398lavenderblush---#FFF0F5---------
399seashell---#FFF5EE---------
400cornsilk---#FFF8DC---------
401lemonchiffon---#FFFACD---------
402floralwhite---#FFFAF0---------
403snow---#FFFAFA---------
404yellow---#FFFF00---------
405lightyellow---#FFFFE0---------
406ivory---#FFFFF0---------
407white---#FFFFFF---------

カラーのリンク集

  • (2017,6,13)カラーコード変換ツール Ver3 カラーコード(RGB、Hex、CMYK、HSV)を変換できるツール。#D36015,rbg(211,96,21),Brown, rgba(0, 0, 0, 0.2),etcを変換し色を表示させ、明暗の調整も可能
  • (2006,1,28)Rainbow Color Chart このページはラジオボタンによって、背景色、テキスト色、リンク色、既読リンク色、アクティブ色を選択してから、中央に配置された192色カラーパレットで色を見ながら、選び変更していくことができる。
  • (2006,1,28)カラーパレット このページはラジオボタンによって、背景色、テキスト色を選択してから、上部に配置されたフルカラーパレットで色を見ながら、選び変更していくことができる。カラーコードはクリックボタンによってコピーできる。
  • (2006,1,28)カラーパレット [セーフカラー] このページはラジオボタンによって、背景色、テキスト色を選択してから、上部に配置されたセーフカラーパレットで色を見ながら、選び変更していくことができる。
  • (2006,1,28)イメージ別にホームページの配色をシミュレート このページは、Top,Left,Right,bottonを、甘い配色とかクールな配色などに分類してラジオボタンによって色をシュミレーションすることができる。