システム色検証結果

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 の配色設定をいじられる箇所は数少ないです。よって多くの環境で、ほんの一部を除けば、表のとおりの色でしょぅ…。あーあ。

ちなみに表中ブラウザ名の部分から、それぞれのスクリーンショット (この色値を拾った時のもの) へ飛べますので、ごりようください。

検証に使用したブラウザ

参考リンク

なび