CYBER@GARDEN

home > references > Webカラーリファレンス > システムカラー28種

システムカラー28種

概要

CSS2[CSS2]で28種類のシステムカラーが定義されており、固有のカラーネーム(color names)が与えられています。カラーネームは大文字・小文字が区別されません(case-insensitive)。

各カラーネームにどの色が割り当てられるかは、OSや画面設定などユーザー環境によって異なるため、対応するRGB値はありません。

p { color: ActiveBorder }

カラーテーブル

システムカラー28種のカラーネームをまとめたカラーテーブルを用意しました。テキストをクリックするとその色がこのページの背景色になるので、参考にしてください(一部のブラウザを除く)。

ActiveBorder アクティブウィンドウの枠線
ActiveCaption アクティブウィンドウのキャプション(タイトル)
AppWorkspace MDI(Multiple Document Interface)の背景
Background デスクトップの背景
ButtonFace ボタンの表面
ButtonHighlight ボタンのハイライト
ButtonShadow ボタンの影
ButtonText ボタンのテキスト
CaptionText キャプション(タイトル)のテキスト
GrayText 選択不能なテキスト
Highlight 選択された項目
HighlightText 選択された項目のテキスト
InactiveBorder 非アクティブウィンドウの枠線
InactiveCaption 非アクティブウィンドウのキャプション(タイトル)
InactiveCaptionText 非アクティブウィンドウのテキスト
InfoBackground ツールチップの背景
InfoText ツールチップの文字
Menu メニューの背景
MenuText メニューのテキスト
Scrollbar スクロールバー
ThreeDDarkShadow ディスプレイ上の立体表現の中の暗い影
ThreeDFace ディスプレイ上の立体表現の中の表面
ThreeDHighlight ディスプレイ上の立体表現の中のハイライト
ThreeDLightShadow ディスプレイ上の立体表現の中の明るい影
ThreeDShadow ディスプレイ上の立体表現の影
Window ウィンドウの背景
WindowFrame ウィンドウの枠
WindowText ウィンドウのテキスト

参考資料

[CSS2]
Cascading Style Sheets, level 2, W3C Recommendation, Bert Bos, et al., 12 May 1998.
See: http://www.w3.org/TR/CSS2