Copyright [uki-gumo-koh-boh] by Rinka Ouno.http://ukigumo.s68.xrea.com/

おーの仕様色見本っ!

色名:     
RGB : RGB値に#を付ける
タグ:
結果をタグ化する ボディ要素複数指定

  • 色見本のチェックボタンをクリックすると背景色が変わり、色名などがここのフォームに表示されます。
  • 216色見本では色名がないため「色名」欄が正しく表示されません。
  • システム色見本ではRGB値は環境に依存するため「RGB」欄が正しく表示されません。
  • システム色見本からタグを作ると"#"が入るので、"#"を消してからコピーしてください。
  • この色替えJAVAスクリプトの著作は、 み〜サマ にあります。
    (おーの『仕様』で『作成』ではないです。色の見本はおーの作成です。)


140色の色見本。
MozillaやMSIEで利用できるます。
右側の色名を定義色といい、WWWブラウザが対応していれば左右で同じ色が出ます。
逆に言うと、ブラウザによって見え方が違うので、左の16進法で指定した方がいいと思います。
ちなみに右側に*マークが付いているのはHTML3.2/4.0で規定されている16色。

RGB名前
fffff0Ivory■
fffaf0FloralWhite■
fffafaSnow■
fdf5e6OldLace■
faf0e6Linen■
fff5eeSeashell■
fff0f5LavenderBlush■
d8bfd8Thistle■
e6e6faLavender■
f8f8ffGhostWhite■
f0f8ffAliceBlue■
f0ffffAzure■
f0fff0Honeydew■
f5fffaMintCream■
RGB名前
000000Black■*
696969DimGray■
708090SlateGray■
778899LightSlateGray■
808080Gray■*
a9a9a9DarkGray■
c0c0c0Silver■*
d3d3d3LightGrey■
dcdcdcGainsboro■
f5f5f5WhiteSmoke■
ffffffWhite■*
RGB名前
191970MidnightBlue■
000080Navy■*
4b0082Indigo■
483d8bDarkSlateBlue■
00008bDarkBlue■
0000cdMediumBlue■
0000ffBlue■*
4169e1RoyalBlue■
6a5acdSlateBlue■
7b68eeMediumSlateBlue■
6495edCornflowerBlue■
1e90ffDodgerBlue■
00bfffDeepSkyBlue■
RGB名前
4682b4SteelBlue■
5f9ea0CadetBlue■
00ced1DarkTurquoise■
48d1ccMediumTurquoise■
00ffffCyan■
00ffffAqua■*
e0ffffLightCyan■
afeeeePaleTurquoise■
b0e0e6PowderBlue■
add8e6LightBlue■
87ceebSkyBlue■
87cefaLightSkyBlue■
b0c4deLightSteelBlue■
RGB名前
2f4f4fDarkSlateGray■
556b2fDarkOliveGreen■
006400DarkGreen■
008000Green■*
228b22ForestGreen■
2e8b57SeaGreen■
808000Olive■*
6b8e23OliveDrab■
008080Teal■*
008b8bDarkCyan■
20b2aaLightSeaGreen■
32cd32LimeGreen■
9acd32YellowGreen■
RGB名前
3cb371MediumSeaGreen■
8fbc8fDarkSeaGreen■
66cdaaMediumAquamarine■
1edeaaHoneydewTad■
40e0d0Turquoise■
7fffd4Aquamarine■
98fb98PaleGreen■
90ee90LightGreen■
7cfc00LawnGreen■
7fff00Chartreuse■
adff2fGreenYellow■
00FF00Lime■*
00ff7fSpringGreen■
00fa9aMediumSpringGreen■
RGB名前
bdb76bDarkKhaki■
d2b48cTan■
deb887Burlywood■
f5deb3Wheat■
f0e68cKhaki■
eee8aaPaleGoldenrod■
fafad2LightGoldenrodYellow■
f5f5dcBeige■
faebd7AntiqueWhite■
ffefd5PapayaWhip■
ffebcdBlanchedAlmond■
RGB名前
ffe4c4Bisque■
ffe4b5Moccasin■
fff8dcCornsilk■
fffacdLemonChiffon■
ffffe0LightYellow■
ffff00Yellow■*
ffd700Gold■
daa520Goldenrod■
cd853fPeru■
b8860bDarkGoldenrod■
RGB名前
a0522dSienna■
d2691eChocolate■
ff6347Tomato■
ff7f50Coral■
ff8c00DarkOrange■
ffa500Orange■
ffdeadNavajoWhite■
f4a460SandyBrown■
e9967aDarkSalmon■
fa8072Salmon■
ffa07aLightSalmon■
RGB名前
800000Maroon■*
8b0000DarkRed■
8b4513SaddleBrown■
a52a2aBrown■
b22222Firebrick■
a0522dSienna■
bc8f8fRosyBrown■
cd5c5cIndianRed■
ff4500OrangeRed■
ff0000Red■*
dc143cCrimson■
f08080LightCoral■
RGB名前
ffdab9PeachPuff■
ffe4e1MistyRose■
ffc0cbPink■
ffb6c1LightPink■
ff69b4HotPink■
ff00ffMagenta■
ff00ffFuchsia■*
ff1493DeepPink■
db7093PaleVioletRed■
c71585MediumVioletRed■
RGB名前
8b008bDarkMagenta■
800080Purple■*
9932ccDarkOrchid■
9400d3DarkViolet■
8a2be2BlueViolet■
9370dbMediumPurple■
ba55d3MediumOrchid■
da70d6Orchid■
ee82eeViolet■
dda0ddPlum■


216色の色見本。
この216色+規定16色(上の*マーク付きの色)-重複8色=224色なので、 256色の環境でも問題なくみられる色です。
ただし、Windowsの256色環境のMSIE3〜5では、 #0033FF、 #00FF33、 #3300FF、 #33FF00 の4色は正しく発色しません。

#000000#333333 #666666#808080 #999999#CCCCCC #FFFFFF
          
BlackGrayWhite

※表の見方※
表左のコードの『XX』の部分を、表上の二桁の記号に置き換えます。

0033 6699 CCFF
#0000XX
#0033XX
#0066XX
#0099XX
#00CCXX
#00FFXX
0033 6699 CCFF
#3300XX
#3333XX
#3366XX
#3399XX
#33CCXX
#33FFXX
0033 6699 CCFF
#6600XX
#6633XX
#6666XX
#6699XX
#66CCXX
#66FFXX
0033 6699 CCFF
#9900XX
#9933XX
#9966XX
#9999XX
#99CCXX
#99FFXX
0033 6699 CCFF
#CC00XX
#CC33XX
#CC66XX
#CC99XX
#CCCCXX
#CCFFXX
0033 6699 CCFF
#FF00XX
#FF33XX
#FF66XX
#FF99XX
#FFCCXX
#FFFFXX


システム色の色見本。
システム色とは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
ウィンドウ内の文字色