カラーネーム・カラーコード


カラーネーム・カラーコードとは?

◆カラーネームとは?

ブラウザ(Internet ExplorerやNetscapeなど)で定義されている色の名前のことで、基本的に英語の色名となっています。(例、red,blue,fuchsia,limeなど)

◆カラーコードとは?

RGBという表記法で赤(Red)、緑(Green)、青(Blue)の3つの色の組み合わせとして表現する。複数の表記方法がありますが一般的には「#○○○○○○」という形で○の中に16進法(0〜f)の値を入れます。なお、大文字小文字は関係ありません。(例、#ff0000,#0000ff,#808080,#ff1493など)


基準色(16色)

HTML・XHTMLで定義されている基本的な色。この16色は古いブラウザや携帯でもカラーネームを解釈することができます。

表示される色カラーネームカラーコード表示される色カラーネームカラーコード
 black#000000 maroon#800000
 green#008000 navy#000080
 gray#808080 red#ff0000
 lime#00ff00 blue#0000ff
 purple#800080 olive#808000
 teal#008080 silver#c0c0c0
 fuchsia#ff00ff yellow#ffff00
 aqua#00ffff white#ffffff


Web Safeカラー(216色)

WindowsとMacの各プラットフォームで設定されている256色のうち、共通している216色をWeb Safeカラーといいます。
つまりWeb Safeカラーを使用すればWindowsやMacなどの異なる環境で見ても同じ色で表示されます。

 #000000 #000033 #000066 #000099 #0000cc #0000ff
 #003300 #003333 #003366 #003399 #0033cc #0033ff
 #006600 #006633 #006666 #006699 #0066cc #0066ff
 #009900 #009933 #009966 #009999 #0099cc #0099ff
 #00cc00 #00cc33 #00cc66 #00cc99 #00cccc #00ccff
 #00ff00 #00ff33 #00ff66 #00ff99 #00ffcc #00ffff
 #330000 #330033 #330066 #330099 #3300cc #3300ff
 #333300 #333333 #333366 #333399 #3333cc #3333ff
 #336600 #336633 #336666 #336699 #3366cc #3366ff
 #339900 #339933 #339966 #339999 #3399cc #3399ff
 #33cc00 #33cc33 #33cc66 #33cc99 #33cccc #33ccff
 #33ff00 #33ff33 #33ff66 #33ff99 #33ffcc #33ffff
 #660000 #660033 #660066 #660099 #6600cc #6600ff
 #663300 #663333 #663366 #663399 #6633cc #6633ff
 #666600 #666633 #666666 #666699 #6666cc #6666ff
 #669900 #669933 #669966 #669999 #6699cc #6699ff
 #66cc00 #66cc33 #66cc66 #66cc99 #66cccc #66ccff
 #66ff00 #66ff33 #66ff66 #66ff99 #66ffcc #66ffff
 #990000 #990033 #990066 #990099 #9900cc #9900ff
 #993300 #993333 #993366 #993399 #9933cc #9933ff
 #996600 #996633 #996666 #996699 #9966cc #9966ff
 #999900 #999933 #999966 #999999 #9999cc #9999ff
 #99cc00 #99cc33 #99cc66 #99cc99 #99cccc #99ccff
 #99ff00 #99ff33 #99ff66 #99ff99 #99ffcc #99ffff
 #cc0000 #cc0033 #cc0066 #cc0099 #cc00cc #cc00ff
 #cc3300 #cc3333 #cc3366 #cc3399 #cc33cc #cc33ff
 #cc6600 #cc6633 #cc6666 #cc6699 #cc66cc #cc66ff
 #cc9900 #cc9933 #cc9966 #cc9999 #cc99cc #cc99ff
 #cccc00 #cccc33 #cccc66 #cccc99 #cccccc #ccccff
 #ccff00 #ccff33 #ccff66 #ccff99 #ccffcc #ccffff
 #ff0000 #ff0033 #ff0066 #ff0099 #ff00cc #ff00ff
 #ff3300 #ff3333 #ff3366 #ff3399 #ff33cc #ff33ff
 #ff6600 #ff6633 #ff6666 #ff6699 #ff66cc #ff66ff
 #ff9900 #ff9933 #ff9966 #ff9999 #ff99cc #ff99ff
 #ffcc00 #ffcc33 #ffcc66 #ffcc99 #ffcccc #ffccff
 #ffff00 #ffff33 #ffff66 #ffff99 #ffffcc #ffffff


カラーネーム(147色)

マークつきのカラーネームはブラウザによっては対応していない場合があります。その色はカラーコードで指定するようにしてください。
マークつきのカラーネームは標準色やWeb Safeカラーなどのブラウザに依存せずに意図したとおりに表示される色です。

※「aqua」と「cyan」はカラーネーム上は別々の色ですが、カラーコード上は一緒の色として扱われていますので、注意してください。

 aliceblue#f0f8ff antiquewhite#faebd7 aqua #00ffff
 aquamarine#7fffd4 azure#f0ffff beige#f5f5dc
 bisque#ffe4c4 black #000000 blanchedalmond#ffebcd
 blue #0000ff blueviolet#8a2be2 brass #b5a642
 brown#a52a2a burlywood#d3b887 cadetblue#5f9ea0
 chartreuse#7fff00 chocolate #d2691e coolcopper #d98719
 copper #bf00df coral#ff7f50 cornflower #bfefdf
 cornflowerblue#6495ed cornsilk#fff8dc crimson#dc143c
 cyan #00ffff darkblue#00008b darkbrown #da0b00
 darkcyan#008b8b darkgoldenrod#b8860b darkgray#a9a9a9
 darkgreen#006400 darkkhaki#bdb76b darkmagenta#8b008b
 darkolivegreen#556b2f darkorange#ff8c00 darkorchid#9932cc
 darkred#8b0000 darksalmon#e9967a darkseagreen#8fbc8f
 darkslateblue#483d8b darkslategray#2f4f4f darkturquoise#00ced1
 darkviolet#9400d3 deeppink#ff1493 deepskyblue#00bfff
 dimgray#696969 dodgerblue#1e90ff feldsper #fed0e0
 firebrick#b22222 floralwhite#fffaf0 forestgreen#228b22
 fuchsia #ff00ff gainsboro#dcdcdc ghostwhite#f8f8ff
 gold#ffd700 goldenrod#daa520 gray #808080
 green #008000 greenyellow#adff2f 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 lightgreen#90ee90 lightgrey#d3d3d3
 lightpink#ffb6c1 lightsalmon#ffa07a lightseagreen#20b2aa
 lightskyblue#87cefa lightslategray#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 red #ff0000
 richblue #0cb0e0 rosybrown#bc8f8f royalblue#4169e1
 saddlebrown#8b4513 salmon#fa8072 sandybrown#f4a460
 seagreen#2e8b57 seashell#fff5ee sienna#a0522d
 silver #c0c0c0 skyblue#87ceeb slateblue#6a5acd
 slategray#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



inserted by FC2 system