|
140色の色見本。
MozillaやMSIEで利用できるます。
右側の色名を定義色といい、WWWブラウザが対応していれば左右で同じ色が出ます。
逆に言うと、ブラウザによって見え方が違うので、左の16進法で指定した方がいいと思います。
ちなみに右側に*マークが付いているのはHTML3.2/4.0で規定されている16色。
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
216色の色見本。
この216色+規定16色(上の*マーク付きの色)-重複8色=224色なので、
256色の環境でも問題なくみられる色です。
ただし、Windowsの256色環境のMSIE3〜5では、
#0033FF、
#00FF33、
#3300FF、
#33FF00 の4色は正しく発色しません。
#000000 | #333333 |
#666666 | #808080 |
#999999 | #CCCCCC |
#FFFFFF |
Black | Gray | White |
※表の見方※
表左のコードの『XX』の部分を、表上の二桁の記号に置き換えます。
|
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
システム色の色見本。
システム色とはOSなどが管理している色のこと。CSS2に、ここの28色の名前が規定されています。
WWWブラウザが対応していれば、何かそれなりの色が出ます。
でも[コントロールパネル]-[画面]-[デザイン]での設定に依存するので、人それぞれで全然違います。
『ハイコントラスト』だったら黒いし、『ライラック』だったら紫だしね。
スタイルシートで style="background-color:xxxx" か、
タグで bgcolor="xxxx" というように、bgcolorに、色名のように指定します。
font colorでも出るかもしれませんが、押乃はやったことありません。ゴメンナサイ。
名前 | 説明 | |
---|---|---|
ActiveBorder | アクティヴウィンドウの境界 | |
ActiveCaption | アクティヴウィンドウのタイトル背景 | |
AppWorkspace | アプリケーションの背景 | |
Background | デスクトップの背景 | |
ButtonFace | ボタン表面 | |
ButtonHhighlight | ボタン縁の明部 | |
ButtonShadow | ボタン縁の影 | |
ButtonText | ボタン文字色 | |
CaptionText | タイトル文字色 | |
GrayText | グレイテキスト | |
Highlight | 選択された項目の背景 | |
HighlightText | 選択された項目の文字色 | |
InactiveBorder | 非アクティヴウィンドウの境界 | |
InactiveCaption | 非アクティヴウィンドウのタイトル背景 | |
InactiveCaptionText | 非アクティヴウィンドウのタイトル文字色 | |
InfoBackground | ヒントの背景 | |
InfoText | ヒントの文字色 | |
Menu | メニューの背景 | |
MenuText | メニューの文字色 | |
Scrollbar | スクロールバー | |
ThreeDDarkShadow | 立体表示の暗影 | |
ThreeDFace | 立体表示の表面 | |
ThreeDHighlight | 立体表示の明部 | |
ThreeDLightShadow | 立体表示の明影 | |
ThreeDShadow | 立体表示の影 | |
Window | ウィンドウの背景 | |
WindowFrame | ウィンドウの枠 | |
WindowText | ウィンドウ内の文字色 |