目次を飛ばして本文へ パン屑リストへ
Powered by Google
目次
基本16色
システム・カラー
UAの独自拡張キーワード

カラー・チャート

基本16色

HTML4.0以降では、aqua(#00FFFF)black(#000000)blue(#0000FF)fuchsia(#FF00FF)gray(#808080)green(#008000)lime(#00FF00)maroon(#800000)navy(#000080)olive(#808000)purple(#800080)red(#FF0000)silver(#C0C0C0)teal(#008080)white(#FFFFFF)yellow(#FFFF00)の16色が用意されています。CSSでもこれがそのまま使えます。

システム・カラー

CSS2になって、よりユーザの環境を考えようという事になり、システム色というものが導入されました。これには、

  1. ユーザの感覚にフィットしたページを作成出来る。
  2. 閲覧時のユーザ設定が何らかの身体障害に関わりある場合、よりアクセシビリティの高いページを作成出来る。

という二つの利点があります。

大文字小文字の区別はありませんが、書き方は統一しておいたほうが、後で自分が見直す時に分かりやすいです。

システム色には、以下のような種類があります。矢印先の箱に表示されているのが、現在ご利用のPC内で設定されている色です。

ActiveBorder
アクティブウィンドウの境界色→ 
ActiveCaption
アクティブウィンドウのタイトルバーの色→ 
AppWorkspace
様々な文書インターフェースの背景色→ 
Background
デスクトップの背景色→ 
ButtonFace
ボタン表面の色→ 
ButtonHighlight
選択状態のボタンの色→ 
ButtonShadow
ボタンの影の色→ 
ButtonText
ボタンの文字色→ 
CaptionText
タイトルバー、四隅のサイズ変更ボックス、スクロールバーの矢印などの文字色→ 
GrayText
使用不可を表すグレーですが、これを扱っていない場合は#000を用います→ 
Highlight
選択領域の色→ 
HighlightText
選択領域の文字色→ 
InactiveBorder
非アクティブウィンドウの境界色→ 
InactiveCaption
非アクティブウィンドウのタイトルバーの色→ 
InactiveCaptionText
非アクティブタイトルバーの文字色→ 
InfoBackground
ヒント表示の背景色→ 
InfoText
ヒント表示の文字色→ 
Menu
メニューの背景色→ 
MenuText
メニューの文字色→ 
Scrollbar
スクロールバーの色→ 
ThreeDDarkShadow
3Dオブジェクトの暗い影の色(光源の反対側の辺)→ 
ThreeDFace
3Dオブジェクト表面の色→ 
ThreeDHighlight
3Dオブジェクト選択時の色→ 
ThreeDLightShadow
3Dオブジェクトの明るい影の色(光源側の辺)→ 
ThreeDShadow
3Dオブジェクトの影の色→ 
Window
ウィンドウの背景色→ 
WindowFrame
ウィンドウの骨組みの色→ 
WindowText
ウィンドウの文字色→ 

段落の文字色と背景色をユーザのウィンドウと同じに設定する場合、以下のように記述します。
p {
color: WindowText;
background-color: Window;
}

UAの独自拡張キーワード

その他、InternetExplorer4以降やNetscapeNavigator4以降では独自に、以下のようなキーワードが用意されています。
※太字のものはHTML4.0以降で定義されている色です

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)
darkgreen
(#006400)
darkkhaki
(#BDB76B)
darkmagenta
(#8B008B)
darkolivegreen
(#556B2F)
darkorange
(#FF8C00)
darkorchid
(#9932CC)
darkred
(#8B0000)
darksalmon
(#E9967A)
darkseagreen
(#8FBC8B)
darkslateblue
(#483D8B)
darkslategray
(#2F4F4F)
darkturquoise
(#00CED1)
darkviolet
(#9400D3)
deeppink
(#FF1493)
deepskyblue
(#00BFFF)
dimgray
(#696969)
dodgerblue
(#1E90FF)
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)
ndianred
(#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)
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)

page top
最終更新日:2003年09月30日
Copyright © 2002-2004 ばあど All Rights Reserved.