System Color | Win IE40 | Win IE50 | Win IE55 | Win Op60 | Win Gecko | Mac Gecko | Mac IE52 | Mac Safari | Mac NN47 | Mac Omn4 | Mac Op60 | Mac iCab |
---|---|---|---|---|---|---|---|---|---|---|---|---|
ActiveBorder | dedfde | dedfde | d4d0c8 | d4d0c8 | d4d0c8 | 000000 | cecece | e0e0e0 | b20d10 | 00aacc | - | - |
ActiveCaption | bdbebd | bdbebd | 0a246a | 0a246a | 0a246a | cccccc | 000000 | 000000 | b20d08 | 00aacc | - | - |
AppWorkspace | 8c928c | 909290 | 808080 | 808080 | 808080 | ffffff | ffffff | 000000 | a6000d | 0000aa | - | - |
Background | efefef | efefef | 3a6ea5 | 3a6ea5 | 3a6ea5 | 6363ce | cecece | ffffff | c10010 | - | - | - |
ButtonFace | dedfde | dedfde | d4d0c8 | d4d0c8 | d4d0c8 | f0f0f0 | f0f0f0 | c0c0c0 | b112ce | 0000bb | - | - |
ButtonHighlight | efefef | efefef | ffffff | ffffff | ffffff | fdfdfd | e1e1e1 | e0e0e0 | b60008 | 0000bb | - | - |
ButtonShadow | 949294 | 949294 | 808080 | 808080 | 808080 | dcdcdc | dcdcdc | ffffff | b30fad | 0000bb | - | - |
ButtonText | 000000 | 000000 | 000000 | 000000 | 000000 | 000000 | 000000 | 000000 | b60008 | 0000bb | - | - |
CaptionText | 000000 | 000000 | ffffff | ffffff | ffffff | 000000 | 000000 | 000000 | cc13e0 | 00ccaa | - | - |
GrayText | 949294 | 949294 | 808080 | 808080 | 808080 | 7f7f7f | 5e5e5e | 000000 | 0a0e00 | 000000 | - | - |
Highlight | 736dc6 | 736dc6 | 0a246a | 0a246a | 0a246a | 66ffff | 66ffff | ffffff | 000000 | 000000 | - | - |
HighlightText | ffffff | ffffff | ffffff | ffffff | ffffff | 010101 | 358aac | ffffff | 0014e0 | 000000 | - | - |
InactiveBorder | dedfde | dedfde | d4d0c8 | d4d0c8 | d4d0c8 | ffffff | dedede | ffffff | 0010b0 | 000000 | - | - |
InactiveCaption | dedfde | dedfde | 808080 | 808080 | 808080 | ffffff | dedede | ffffff | 0012ca | 000000 | - | - |
InactiveCaptionText | 7b7d7b | 7b7d7b | d4d0c8 | d4d0c8 | d4d0c8 | 7f7f7f | 5e5e5e | 000000 | 0012ca | 000000 | - | - |
InfoBackground | ffffde | ffffde | ffffe1 | ffffe1 | ffffe1 | ffffff | ffff9c | ffffff | 00b900 | 000000 | - | - |
InfoText | 000000 | 000000 | 000000 | 000000 | 000000 | 000000 | 000000 | ffffff | 0f0e00 | 000000 | - | - |
Menu | dedfde | dedfde | d4d0c8 | d4d0c8 | d4d0c8 | ffffff | f9f9f9 | ffffff | 0e0000 | - | - | - |
MenuText | 000000 | 000000 | 000000 | 000000 | 000000 | 000000 | e1e1e1 | ffffff | e80c0a | 000000 | - | - |
Scrollbar | efefef | efefef | d4d0c8 | d4d0c8 | d4d0c8 | aaaaaa | adadad | ffffff | 0011ba | 000000 | - | - |
ThreeDDarkShadow | 000000 | 000000 | 404040 | 404040 | 404040 | dcdcdc | a3a3a3 | 404040 | 00eb00 | 000000 | - | - |
ThreeDFace | dedfde | dedfde | d4d0c8 | d4d0c8 | d4d0c8 | f0f0f0 | f0f0f0 | c0c0c0 | 00edcd | 000000 | - | - |
ThreeDHighlight | efefef | efefef | ffffff | ffffff | ffffff | fdfdfd | a3a3a3 | e0e0e0 | 00eb00 | 000000 | - | - |
ThreeDLightShadow | dedfde | dedfde | d4d0c8 | d4d0c8 | d4d0c8 | e1e1e1 | a3a3a3 | c0c0c0 | 00eb00 | 000000 | - | - |
ThreeDShadow | 949294 | 949294 | 808080 | 808080 | 808080 | e1e1e1 | a3a3a3 | ffffff | 00ecac | 000000 | - | - |
Window | ffffff | ffffff | ffffff | ffffff | ffffff | ffffff | ffffff | ffffff | 000d00 | 000000 | - | - |
WindowFrame | 000000 | 000000 | 000000 | 000000 | 000000 | cccccc | 000000 | ffffff | 000fa0 | 000000 | - | - |
WindowText | 000000 | 000000 | 000000 | 000000 | 000000 | 000000 | 000000 | 000000 | 0d0e00 | 000000 | - | - |
これはウチのブラウザ各種で表示してみた結果を、画面上で色を読みとりその色をカラーコードで指定したものです。よって、環境次第で実際の表示色やスクリーンショットとは微妙に、または大きく違って見える可能性があります。
CSS のシステムカラー名は、 OS やブラウザの配色設定値を上手く利用するための抽象名でありますから、当然それらの配色設定いかんによって、表示される色はバリバリ変化します。するはず。しなきゃだめ。ただし MacOSX においては嘆かわしいことに、ユーザが自由に OS の配色設定をいじられる箇所は数少ないです。よって多くの環境で、ほんの一部を除けば、表のとおりの色でしょぅ…。あーあ。
ちなみに表中ブラウザ名の部分から、それぞれのスクリーンショット (この色値を拾った時のもの) へ飛べますので、ごりようください。