初めに

RGBカラーコードで色を指定する方法でもいくつかの色の例は紹介させていただきましたが、最低限の紹介だったため、見たい色が無かった方も多いと思います。

今回は、ウェブ上で扱える色のうち、名前がついているものの一覧をご紹介いたします。

RGBカラーコード色サンプル

以下に色名とRGBカラーコード、表示される色を色名のアルファベット順に示します。

なお、以下の色はRGBカラーコードの代わりに色名を入れることで、HTMLで文字や背景の色の指定が可能です。状況に応じて活用ください。

色名RGBカラーコード文字色背景色
aliceblue#f0f8ffサンプル 
antiquewhite#faebd7サンプル 
aqua#00ffffサンプル 
aquamarine#7fffd4サンプル 
azure#f0ffffサンプル 
beige#f5f5dcサンプル 
bisque#ffe4c4サンプル 
black#000000サンプル 
blanchedalmond#ffebcdサンプル 
blue#0000ffサンプル 
blueviolet#8a2be2サンプル 
brown#a52a2aサンプル 
burlywood#deb887サンプル 
cadetblue#5f9ea0サンプル 
chartreuse#7fff00サンプル 
chocolate#d2691eサンプル 
coral#ff7f50サンプル 
cornflowerblue#6495edサンプル 
cornsilk#fff8dcサンプル 
crimson#dc143cサンプル 
cyan#00ffffサンプル 
darkblue#00008bサンプル 
darkcyan#008b8bサンプル 
darkgoldenrod#b8860bサンプル 
darkgray#a9a9a9サンプル 
darkgreen#006400サンプル 
darkgrey#a9a9a9サンプル 
darkkhaki#bdb76bサンプル 
darkmagenta#8b008bサンプル 
darkolivegreen#556b2fサンプル 
darkorange#ff8c00サンプル 
darkorchid#9932ccサンプル 
darkred#8b0000サンプル 
darksalmon#e9967aサンプル 
darkseagreen#8fbc8fサンプル 
darkslateblue#483d8bサンプル 
darkslategray#2f4f4fサンプル 
darkslategrey#2f4f4fサンプル 
darkturquoise#00ced1サンプル 
darkviolet#9400d3サンプル 
deeppink#ff1493サンプル 
deepskyblue#00bfffサンプル 
dimgray#696969サンプル 
dimgrey#696969サンプル 
dodgerblue#1e90ffサンプル 
firebrick#b22222サンプル 
floralwhite#fffaf0サンプル 
forestgreen#228b22サンプル 
fuchsia#ff00ffサンプル 
gainsboro#dcdcdcサンプル 
ghostwhite#f8f8ffサンプル 
gold#ffd700サンプル 
goldenrod#daa520サンプル 
gray#808080サンプル 
green#008000サンプル 
greenyellow#adff2fサンプル 
grey#808080サンプル 
honeydew#f0fff0サンプル 
hotpink#ff69b4サンプル 
indianred#cd5c5cサンプル 
indigo#4b0082サンプル 
ivory#fffff0サンプル 
khaki#f0e68cサンプル 
lavender#e6e6faサンプル 
lavenderblush#fff0f5サンプル 
lawngreen#7cfc00サンプル 
lemonchiffon#fffacdサンプル 
lightblue#add8e6サンプル 
lightcoral#f08080サンプル 
lightcyan#e0ffffサンプル 
lightgoldenrodyellow#fafad2サンプル 
lightgray#d3d3d3サンプル 
lightgreen#90ee90サンプル 
lightgrey#d3d3d3サンプル 
lightpink#ffb6c1サンプル 
lightsalmon#ffa07aサンプル 
lightseagreen#20b2aaサンプル 
lightskyblue#87cefaサンプル 
lightslategray#778899サンプル 
lightslategrey#778899サンプル 
lightsteelblue#b0c4deサンプル 
lightyellow#ffffe0サンプル 
lime#00ff00サンプル 
limegreen#32cd32サンプル 
linen#faf0e6サンプル 
magenta#ff00ffサンプル 
maroon#800000サンプル 
mediumaquamarine#66cdaaサンプル 
mediumblue#0000cdサンプル 
mediumorchid#ba55d3サンプル 
mediumpurple#9370dbサンプル 
mediumseagreen#3cb371サンプル 
mediumslateblue#7b68eeサンプル 
mediumspringgreen#00fa9aサンプル 
mediumturquoise#48d1ccサンプル 
mediumvioletred#c71585サンプル 
midnightblue#191970サンプル 
mintcream#f5fffaサンプル 
mistyrose#ffe4e1サンプル 
moccasin#ffe4b5サンプル 
navajowhite#ffdeadサンプル 
navy#000080サンプル 
oldlace#fdf5e6サンプル 
olive#808000サンプル 
olivedrab#6b8e23サンプル 
orange#ffa500サンプル 
orangered#ff4500サンプル 
orchid#da70d6サンプル 
palegoldenrod#eee8aaサンプル 
palegreen#98fb98サンプル 
paleturquoise#afeeeeサンプル 
palevioletred#db7093サンプル 
papayawhip#ffefd5サンプル 
peachpuff#ffdab9サンプル 
peru#cd853fサンプル 
pink#ffc0cbサンプル 
plum#dda0ddサンプル 
powderblue#b0e0e6サンプル 
purple#800080サンプル 
rebeccapurple#663399サンプル 
red#ff0000サンプル 
rosybrown#bc8f8fサンプル 
royalblue#4169e1サンプル 
saddlebrown#8b4513サンプル 
salmon#fa8072サンプル 
sandybrown#f4a460サンプル 
seagreen#2e8b57サンプル 
seashell#fff5eeサンプル 
sienna#a0522dサンプル 
silver#c0c0c0サンプル 
skyblue#87ceebサンプル 
slateblue#6a5acdサンプル 
slategray#708090サンプル 
slategrey#708090サンプル 
snow#fffafaサンプル 
springgreen#00ff7fサンプル 
steelblue#4682b4サンプル 
tan#d2b48cサンプル 
teal#008080サンプル 
thistle#d8bfd8サンプル 
tomato#ff6347サンプル 
turquoise#40e0d0サンプル 
violet#ee82eeサンプル 
wheat#f5deb3サンプル 
white#ffffffサンプル 
whitesmoke#f5f5f5サンプル 
yellow#ffff00サンプル 
yellowgreen#9acd32サンプル 

違う名前でも同じ色を示す例

また、次の色は違う名前でも同じ色を示します。

色名1色名2RGBカラーコード文字色背景色
aquacyan#00ffffサンプル 
dimgraydimgrey#696969サンプル 
darkgraydarkgrey#a9a9a9サンプル 
darkslategraydarkslategrey#2f4f4fサンプル 
fuchsiamagenta#ff00ffサンプル 
graygrey#808080サンプル 
lightgraylightgrey#d3d3d3サンプル 
lightslategraylightslategrey#778899サンプル 
slategrayslategrey#708090サンプル 

まとめ

以上、名前の付いた色のサンプルをご紹介させていただきました。

名前がついた色だけでもこれだけあるので、気に入った色を見つけ出すのは難しいかもしれません。皆さんもいろいろな色を試してみて、使いたい色を見出してください。





おすすめの記事