Index

HOME > プログラムTOP > 資料集




カラーキーワード

 HTMLやCSSで指定できる色のキーワードをまとめています。
  • 基本16色  … どの環境でも同じ色が表示される
  • GUI環境色  … OSでの設定色(ユーザーの設定に依存)が表示される
  • 名前付きカラー … 特定の色に名前があるもの(IEとNNでは定義済み)
  *Windows と Mac では若干表示色に差があるようです。
  *下表の色サンプルは、現在お使いの環境での表示色です。

sasaraan programming

Exposition

■基本16色

キーワードサンプルRGB値 キーワードサンプルRGB値
Black #000000 Green #008000
Gray #808080 Lime #00ff00
Silver #c0c0c0 Teal #008080
White #ffffff Aqua #00ffff
Maroon #800000 Navy #000080
Red #ff0000 Blue #0000ff
Olive #808000 Purple #800080
Yellow #ffff00 Fuchsia #ff00ff

■GUI環境色

キーワードサンプル キーワードサンプル
ActiveBorder  InactiveCaptionText 
ActiveCaption  InfoBackground 
AppWorkSpace  InfoText 
Background  Menu 
ButtonFace  MenuText 
ButtonHighlight  ScrollBar 
ButtonShadow  ThreeDDarkShadow 
ButtonText  ThreeDFace 
CaptionText  ThreeDHighlight 
GrayText  ThreeDLightShadow 
Highlight  ThreeDShadow 
HighlightText  Window 
InactiveBorder  WindowFrame 
InactiveCaption  WindowText 

■名前付きカラー

キーワードサンプルRGB値 キーワードサンプルRGB値
RosyBrown #bc8f8f LightPink #ffb6c1
IndianRed #cd5c5c Pink #ffc0b0
Brown #a52a2a Crimson #dc143c
FireBrick #b22222 LavenderBlush #fff0f5
LightCoral #f08080 PaleVioletRed #db7093
Maroon #800000 HotPink #ff69b4
DarkRed #8b0000 DeepPink #ff1493
Red #ff0000 MediumVioletRed #c71585
Snow #fffafa Orchid #da70d6
Salmon #fa8072 Magenta #ff00ff
MistyRose #ffe4e1 Fuchsia #ff00ff
Tomato #ff6347 DarkMagenta #8b008b
DarkSalmon #e9967a Purple #800080
OrangeRed #ff4500 Violet #ee82ee
Coral #ff7f50 Plum #dda0dd
LightSalmon #ffa07a Thistle #d8bfd8
Sienna #a0522d MediumOrchid #ba55d3
Chocolate #d2691e DarkViolet #9400d3
SaddleBrown #8b4513 DarkOrchid #9932cc
SeaShell #fff5ee BlueViolet #8a2be2
SandyBrown #f4a460 Indigo #4b0082
PeachPuff #ffdab9 MediumPurple #9370db
Peru #cd853f MediumSlateBlue #7b68ee
Linen #faf0e6 SlateBlue #6a5acd
FloralWhite #fffaf0 DarkSlateBLue #483d8b
GoldenRod #daa520 GhostWhite #f8f8ff
DarkGoldenRod #b8860b Blue #0000ff
DarkOrange #ff8c00 MediumBlue #0000cd
Bisque #ffe4c4 DarkBlue #00008b
Tan #d2b48c Navy #000080
BurlyWood #deb887 Lavender #e6e6fa
AntiqueWhite #faebd7 MidnightBlue #191970
CornSilk #fff8dc RoyalBlue #4169e1
Gold #ffd700 CornFlowerBlue #6495ed
Khaki #f0e68c LightSteelBlue #b0c4de
LemonChiffon #fffacd DodgerBlue #1e90ff
PaleGoldenRod #eee8aa LightSlateGray #778899
DarkKhaki #bdb76b SlateGray #708090
NavajoWhite #ffdead AliceBlue #f0f8ff
BlanchedAlmond #ffebcd SteelBlue #4682b4
PapayaWhip #ffefd5 LightSkyBlue #87cefa
Moccasin #ffe4b5 SkyBlue #87ceeb
Wheat #f5deb3 DeepSkyBlue #00bfff
OldLace #fdf5e6 LightBlue #add8e6
Orange #ffa500 PowderBlue #b0e0e6
Beige #f5f5dc CadetBlue #5f9ea0
Olive #808000 DarkTurquoise #00ced1
Yellow #ffff00 Aqua #00ffff
LightYellow #ffffe0 Azure #f0ffff
Ivory #fffff0 LightCyan #e0ffff
LightGoldenRodYellow #fafad2 Cyan #00ffff
OliveDrab #6b8e23 DarkCyan #008b8b
YellowGreen #9acd32 Teal #008080
DarkOliveGreen #556b2f PaleTurquoise #afeeee
GreenYellow #adff2f DarkSlateGray #2f4f4f
LawnGreen #7cfc00 MediumTurquoise #48d1cc
Chartreuse #7fff00 LightSeaGreen #20b2aa
DarkSeaGreen #8fbc8f Turquoise #40e0d0
ForestGreen #228b22 MediumAquaMarine #66cdaa
LimeGreen #32cd32 AquaMarine #7fffd4
LightGreen #90ee90 MintCream #f5fffa
PaleGreen #98fb98 Black #000000
DarkGreen #006400 DimGray #696969
Green #008000 Gray #808080
Lime #00ff00 DarkGray #a9a9a9
HoneyDew #f0fff0 Silver #c0c0c0
SeaGreen #2e8b57 LightGrey #d3d3d3
MediumSeaGreen #3cb371 Gainsboro #dcdcdc
SpringGreen #00ff7f WhiteSmoke #f5f5f5
MediumSpringGreen #00fa9a White #ffffff

www.sasaraan.net

(c) morijoh