カラーネーム表(147色)

HTMLでは16進数表記の他にカラーネームで色を指定することも出来ますが、色名によっては使用OSやブラウザのバージョン等の環境で正しく表示できないことが有るので注意が必要です。

背景色を変更して確認して下さい。

color code color name
#000000 ■ black
#191970 ■ midnightblue
#000080 ■ navy
#00008B ■ darkblue
#483D8B ■ darkslateblue
#0000CD ■ mediumblue
#0000FF ■ blue
#6A5ACD ■ slateblue
#7B68EE ■ mediumslateblue
#4169E1 ■ royalblue
#6495ED ■ cornflowerblue
#1E90FF ■ dodgerblue
#00BFFF ■ deepskyblue
#87CEFA ■ lightskyblue
#87CEEB ■ skyblue
#ADD8E6 ■ lightblue
#B0E0E6 ■ powderblue
#AFEEEE ■ paleturquoise
#E0FFFF ■ lightcyan
#F0FFFF ■ azure
#F0FFF0 ■ honeydew
#F5FFFA ■ mintcream
#F8F8FF ■ ghostwhite
#F0F8FF ■ aliceblue
#E6E6FA ■ lavender
#D8BFD8 ■ thistle
#DDA0DD ■ plum
#EE82EE ■ violet
#DA70D6 ■ orchid
#FF00FF ■ magenta, fuchsia
#BA55D3 ■ mediumorchid
#9370DB ■ mediumpurple
#8A2BE2 ■ blueviolet
#9932CC ■ darkorchid
#9400D3 ■ darkviolet
#8B008B ■ darkmagenta
#4B0082 ■ indigo
#800080 ■ purple
#C71585 ■ mediumvioletred
#FF1493 ■ deeppink
#FF69B4 ■ hotpink
#DB7093 ■ palevioletred
#FFB6C1 ■ lightpink
#FFC0CB ■ pink
#FFE4E1 ■ mistyrose
#FFF0F5 ■ lavenderblush
#FAF0E6 ■ linen
#FFF5EE ■ seashell
#FFFAFA ■ snow
color code color name
#008B8B ■ darkcyan
#008080 ■ teal
#20B2AA ■ lightseagreen
#00CED1 ■ darkturquoise
#48D1CC ■ mediumturquois
#40E0D0 ■ turquoise
#00FFFF ■ cyan, aqua
#00FFE0 ■ lime
#7FFFD4 ■ aquamarine
#00FA9A ■ mediumspringgreen
#00FF7F ■ springgreen
#7CFC00 ■ lawngreen
#7FFF00 ■ chartreuse
#ADFF2F ■ greenyellow
#90EE90 ■ lightgreen
#98FB98 ■ palegreen
#32CD32 ■ limegreen
#00DE2B ■ honeydewtab
#9ACD32 ■ yellowgreen
#6B8E23 ■ olivedrab
#556B2F ■ darkolivegreen
#808000 ■ olive
#BDB76B ■ darkkhaki
#F0E68C ■ khaki
#EEE8AA ■ palegoldenrod
#FFFACD ■ lemonchiffon
#FFF8DC ■ cornsilk
#F5F5DC ■ beige
#FFFFF0 ■ ivory
#FFFFE0 ■ lightyellow
#FAFAD2 ■ lightgoldenrodyellow
#FFFF00 ■ yellow
#FFD700 ■ gold
#DAA520 ■ goldenrod
#B8860B ■ darkgoldenrod
#FF8C00 ■ darkorange
#FFA500 ■ orange
#F4A460 ■ sandybrown
#CD853F ■ peru
#D2691E ■ chocolate
#A0522D ■ sienna
#8B4513 ■ saddlebrown
#800000 ■ maroon
#8B0000 ■ darkred
#A52A2A ■ brown
#B22222 ■ firebrick
#DC143C ■ crimson
#FF0000 ■ red
#FF4500 ■ orangered
color code color name
#FF6347 ■ tomato
#FF7F50 ■ coral
#FA8072 ■ salmon
#F08080 ■ lightcoral
#CD5C5C ■ indianred
#BC8F8F ■ rosybrown
#E9967A ■ darksalmon
#FFA07A ■ lightsalmon
#D2B48C ■ tan
#DEB887 ■ burlywood
#F5DEB3 ■ wheat
#FFDEAD ■ navajowhite
#FFE4B5 ■ moccasin
#FFDAB9 ■ peachpuff
#FFE4C4 ■ bisque
#FAEBD7 ■ antiquewhite
#FFEBCD ■ blanchedalmond
#FFEFD5 ■ papayawhip
#FDF5E6 ■ oldlace
#FFFAF0 ■ floralwhite
#FFFFFF ■ white
#F5F5F5 ■ whitesmoke
#DCDCDC ■ gainsboro
#D3D3D3 ■ lightgrey
#C0C0C0 ■ silver
#A9A9A9 ■ darkgray
#778899 ■ lightslategray
#708090 ■ slategray
#808080 ■ gray
#696969 ■ dimgray
#2F4F4F ■ darkslategray
#006400 ■ darkgreen
#008000 ■ green
#228B22 ■ forestgreen
#2E8B57 ■ seagreen
#3CB371 ■ mediumseagreen
#8FBC8F ■ darkseagreen
#66CDAA ■ mediumaquamarine
#5F9EA0 ■ cadetblue
#4682B4 ■ steelblue
#B0C4DE ■ lightsteelblue
Browser等によって未対応 *注意
#D98719 ■ coolcopper*
#B5A642 ■ brass*
#FED0E0 ■ feldsper*
#DA0B00 ■ darkbrown*
#BF00DF ■ copper*
#0CB0E0 ■ richblue*
#BFEFDF ■ cornflower*

*マーク付きのカラーネームはブラウザによって未対応の場合があります。その場合はカラーコードで指定して下さい。
magentaとfuchsia,cyanとaquaは、カラーネームは違いますが同じカラーコードです。