HTML / CSS で定義されているカラーコード、カラーネーム - HTML

HTML / CSS で定義されているカラーコード、カラーネームの一覧を紹介します。

標準色 (アルファベット順)

カラーネーム カラーコード(HEX) カラー
aqua#00FFFF
black#000000
blue#0000FF
fuchsia#FF00FF
gray#808080
grey#808080
green#008000
lime#00FF00
maroon#800000
navy#000080
olive#808000
purple#800080
red#FF0000
silver#C0C0C0
teal#008080
white#FFFFFF
yellow#FFFF00

標準色 (色相順)

カラーネーム カラーコード(HEX) カラー
black#000000
gray#808080
grey#808080
silver#C0C0C0
white#FFFFFF
blue#0000FF
navy#000080
teal#008080
green#008000
lime#00FF00
aqua#00FFFF
yellow#FFFF00
red#FF0000
fuchsia#FF00FF
olive#808000
purple#800080
maroon#800000

定義されている色名 (アルファベット順)

カラーネーム カラーコード(HEX) カラー
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
DarkGrey #A9A9A9
DarkGreen #006400
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
Grey #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
LightGray #D3D3D3
LightGrey #D3D3D3
LightGreen #90EE90
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 #9370D8
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 #D87093
PapayaWhip #FFEFD5
PeachPuff #FFDAB9
Peru #CD853F
Pink #FFC0CB
Plum #DDA0DD
PowderBlue #B0E0E6
Purple #800080
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

定義されている色名 (色相順)

カラーネーム カラーコード(HEX) カラー
black#000000
DimGray #696969
DimGrey #696969
gray#808080
grey#808080
DarkGray #A9A9A9
DarkGrey #A9A9A9
silver#C0C0C0
LightGray #D3D3D3
LightGrey #D3D3D3
Gainsboro #DCDCDC
WhiteSmoke #F5F5F5
White #FFFFFF
Snow #FFFAFA
GhostWhite #F8F8FF
FloralWhite #FFFAF0
Linen #FAF0E6
AntiqueWhite #FAEBD7
PapayaWhip #FFEFD5
BlanchedAlmond #FFEBCD
Bisque #FFE4C4
Moccasin #FFE4B5
NavajoWhite #FFDEAD
PeachPuff #FFDAB9
MistyRose #FFE4E1
LavenderBlush #FFF0F5
SeaShell #FFF5EE
OldLace #FDF5E6
Ivory #FFFFF0
HoneyDew #F0FFF0
MintCream #F5FFFA
Azure #F0FFFF
AliceBlue #F0F8FF
Lavender #E6E6FA
LightSteelBlue #B0C4DE
LightSlateGray #778899
LightSlateGrey #778899
SlateGray #708090
SlateGrey #708090
SteelBlue #4682B4
RoyalBlue #4169E1
MidnightBlue #191970
Navy #000080
DarkBlue #00008B
MediumBlue #0000CD
Blue #0000FF
DodgerBlue #1E90FF
CornflowerBlue #6495ED
DeepSkyBlue #00BFFF
LightSkyBlue #87CEFA
SkyBlue #87CEEB
LightBlue #ADD8E6
PowderBlue #B0E0E6
PaleTurquoise #AFEEEE
LightCyan #E0FFFF
Cyan #00FFFF
Aqua #00FFFF
Turquoise #40E0D0
MediumTurquoise #48D1CC
DarkTurquoise #00CED1
LightSeaGreen #20B2AA
CadetBlue #5F9EA0
DarkCyan #008B8B
Teal #008080
DarkSlateGray #2F4F4F
DarkSlateGrey #2F4F4F
DarkGreen #006400
Green #008000
ForestGreen #228B22
SeaGreen #2E8B57
MediumSeaGreen #3CB371
MediumAquaMarine #66CDAA
DarkSeaGreen #8FBC8F
Aquamarine #7FFFD4
PaleGreen #98FB98
LightGreen #90EE90
SpringGreen #00FF7F
MediumSpringGreen #00FA9A
LawnGreen #7CFC00
Chartreuse #7FFF00
GreenYellow #ADFF2F
Lime #00FF00
LimeGreen #32CD32
YellowGreen #9ACD32
DarkOliveGreen #556B2F
OliveDrab #6B8E23
Olive #808000
DarkKhaki #BDB76B
PaleGoldenRod #EEE8AA
Cornsilk #FFF8DC
Beige #F5F5DC
LightYellow #FFFFE0
LightGoldenRodYellow #FAFAD2
LemonChiffon #FFFACD
Wheat #F5DEB3
BurlyWood #DEB887
Tan #D2B48C
Khaki #F0E68C
Yellow #FFFF00
Gold #FFD700
Orange #FFA500
SandyBrown #F4A460
Darkorange #FF8C00
GoldenRod #DAA520
Peru #CD853F
DarkGoldenRod #B8860B
Chocolate #D2691E
Sienna #A0522D
SaddleBrown #8B4513
Maroon #800000
DarkRed #8B0000
Brown #A52A2A
FireBrick #B22222
IndianRed #CD5C5C
RosyBrown #BC8F8F
DarkSalmon #E9967A
LightCoral #F08080
Salmon #FA8072
LightSalmon #FFA07A
Coral #FF7F50
Tomato #FF6347
OrangeRed #FF4500
Red #FF0000
Crimson #DC143C
MediumVioletRed #C71585
DeepPink #FF1493
HotPink #FF69B4
PaleVioletRed #D87093
Pink #FFC0CB
LightPink #FFB6C1
Thistle #D8BFD8
Magenta #FF00FF
Fuchsia #FF00FF
Violet #EE82EE
Plum #DDA0DD
Orchid #DA70D6
MediumOrchid #BA55D3
DarkOrchid #9932CC
DarkViolet #9400D3
DarkMagenta #8B008B
Purple #800080
Indigo #4B0082
DarkSlateBlue #483D8B
BlueViolet #8A2BE2
MediumPurple #9370D8
SlateBlue #6A5ACD
MediumSlateBlue #7B68EE
著者
iPentecのメインデザイナー
Webページ、Webクリエイティブのデザインを担当。PhotoshopやIllustratorの作業もする。
掲載日: 2023-03-12
iPentec all rights reserverd.