CSSカラーコード一覧

HTMLは、CSSを使って色を指定できます。

本ページでは、カラーネームとコードの一覧を示します。

基本色

基本色は、16色あります。プロパティの値に、カラーネームを指定する(color:redなど)とその色で表示されます。また、コードを使ってcolor:#FF0000や、color:rgb(255,0,0)でも表示されます。

【基本色一覧】
表示例 カラーネーム 16進数 10進数
black #000000 0,0,0
silver #C0C0C0 192,192,192
gray #808080 128,128,128
white #FFFFFF 255,255,255
maroon #800000 128,0,0
red #FF0000 255,0,0
purple #800080 128,0,128
fuchsia #FF00FF 255,0,255
green #008000 0,128,0
lime #00FF00 0,255,0
olive #808000 128,128,0
yellow #FFFF00 255,255,0
navy #000080 0,0,128
blue #0000FF 0,0,255
teal #008080 0,128,128
aqua #00FFFF 0,255,255

拡張色

拡張色は、147色(基本色含む)あります。コードが同じで、違うカラーネームを持つ色もあります。

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