スタイルシートの color で指定する色は、次のように指定します自慰 女孩。
color: #ff6633 ... 色の RGB 値を指定する。 color: red ... 色の名前を指定する。RGB 値は #ff6633 のように、光の三原色である赤(R)、緑(G)、青(B)の配分を 00~ff までの16進数で記述します。#ff6633 は、赤(R)が 16進数で ff (10進数で255)、緑(G)が 16進数で 66 (10進数で 102)、青(B)が 16進数で 33 (10進数で 51) の割合の色という意味になります。一般に、値が大きいと明るい色、小さいと暗い色、RGB の値の差が大きいとケバケバしい色、差が小さいと淡い色になります。
年轻的母亲在线 基推行名(16色)CSS3 では、下記 16個の基推行名を定義しています。
色基推行名#rrggbb表記 black#000000 silver#c0c0c0 gray#808080 white#ffffff maroon#800000 red#ff0000 purple#800080 fuchsia#ff00ff green#008000 lime#00ff00 olive#808000 yellow#ffff00 navy#000080 blue#0000ff teal#008080 aqua#00ffff 拡張色名(147色)また、CSS3 では下記 147色の拡張色名を定義しています。
色拡張色名#rrggbb表記 aliceblue#f0f8ff antiquewhite#faebd7 aqua#00ffff aquamarine#7fffd4 azure#f0ffff beige#f5f5dc bisque#ffe4c4 black#000000 blanchedalmond#ffebcd blue#0000ff blueviolet#8a2be2 brown#a52a2a burlywood#deb887 cadetblue#5f9ea0 chartreuse#7fff00 chocolate#d2691e coral#ff7f50 cornflowerblue#6495ed cornsilk#fff8dc crimson#dc143c cyan#00ffff darkblue#00008b darkcyan#008b8b darkgoldenrod#b8860b darkgray#a9a9a9 darkgreen#006400 darkgrey#a9a9a9 darkkhaki#bdb76b darkmagenta#8b008b darkolivegreen#556b2f darkorange#ff8c00 darkorchid#9932cc darkred#8b0000 darksalmon#e9967a darkseagreen#8fbc8f darkslateblue#483d8b darkslategray#2f4f4f darkslategrey#2f4f4f darkturquoise#00ced1 darkviolet#9400d3 deeppink#ff1493 deepskyblue#00bfff dimgray#696969 dimgrey#696969 dodgerblue#1e90ff firebrick#b22222 floralwhite#fffaf0 forestgreen#228b22 fuchsia#ff00ff gainsboro#dcdcdc ghostwhite#f8f8ff gold#ffd700 goldenrod#daa520 gray#808080 green#008000 greenyellow#adff2f grey#808080 honeydew#f0fff0 hotpink#ff69b4 indianred#cd5c5c indigo#4b0082 ivory#fffff0 khaki#f0e68c lavender#e6e6fa lavenderblush#fff0f5 lawngreen#7cfc00 lemonchiffon#fffacd lightblue#add8e6 lightcoral#f08080 lightcyan#e0ffff lightgoldenrodyellow#fafad2 lightgray#d3d3d3 lightgreen#90ee90 lightgrey#d3d3d3 色拡張色名#rrggbb表記 lightpink#ffb6c1 lightsalmon#ffa07a lightseagreen#20b2aa lightskyblue#87cefa lightslategray#778899 lightslategrey#778899 lightsteelblue#b0c4de lightyellow#ffffe0 lime#00ff00 limegreen#32cd32 linen#faf0e6 magenta#ff00ff maroon#800000 mediumaquamarine#66cdaa mediumblue#0000cd mediumorchid#ba55d3 mediumpurple#9370db mediumseagreen#3cb371 mediumslateblue#7b68ee mediumspringgreen#00fa9a mediumturquoise#48d1cc mediumvioletred#c71585 midnightblue#191970 mintcream#f5fffa mistyrose#ffe4e1 moccasin#ffe4b5 navajowhite#ffdead navy#000080 oldlace#fdf5e6 olive#808000 olivedrab#6b8e23 orange#ffa500 orangered#ff4500 orchid#da70d6 palegoldenrod#eee8aa palegreen#98fb98 paleturquoise#afeeee palevioletred#db7093 papayawhip#ffefd5 peachpuff#ffdab9 peru#cd853f pink#ffc0cb plum#dda0dd powderblue#b0e0e6 purple#800080 red#ff0000 rosybrown#bc8f8f royalblue#4169e1 saddlebrown#8b4513 salmon#fa8072 sandybrown#f4a460 seagreen#2e8b57 seashell#fff5ee sienna#a0522d silver#c0c0c0 skyblue#87ceeb slateblue#6a5acd slategray#708090 slategrey#708090 snow#fffafa springgreen#00ff7f steelblue#4682b4 tan#d2b48c teal#008080 thistle#d8bfd8 tomato#ff6347 turquoise#40e0d0 violet#ee82ee wheat#f5deb3 white#ffffff whitesmoke#f5f5f5 yellow#ffff00 yellowgreen#9acd32 システムカラーCSS2.1 では、下記のシステムカラーが定義されていました。ただし、CSS3 では appearanceプロパティがサポートされるため、システムカラーは deprecated(廃止予定) と位置づけられています。
色色名#rrggbb表記 ActiveBorderアクティブなウィンドウのボーダー色 ActiveCaptionアクティブなウィンドウのキャプション色 AppWorkspace複数ドキュメントインタフェースの背惬心 Backgroundデスクトップの背惬心 ButtonFace立体的なボタンの名义色 ButtonHighlight立体的なボタンの明るい方のボーダー色 ButtonShadow立体的なボタンの暗い方のボーダー色 ButtonTextボタンのテキスト色 CaptionTextキャプションのテキスト色 GrayText非活性化されたテキスト色 Highlightコントロール内で選択されたアイテムの色 HighlightTextコントロール内で選択されたテキストの色 InactiveBorderインアクティブなウィンドウのボーダー色 InactiveCaptionインアクティブなウィンドウのキャプション色 InactiveCaptionTextインアクティブなキャプションのテキスト色 InfoBackgroundツールチップの背惬心 InfoTextツールチップのテキスト色 Menuメニューの背惬心 MenuTextメニューのテキスト色 Scrollbarスクロールバーのグレー部分の色 ThreeDFace立体成分の名义の色 ThreeDHighlight立体成分の光源から近い側のボーダーの明るい方の色 ThreeDLightShadow立体成分の光源から近い側のボーダーの暗い方の色 ThreeDShadow立体成分の光源から遠い側のボーダーの明るい方の色 ThreeDDarkShadow立体成分の光源から遠い側のボーダーの暗い方の色 Windowウィンドウの背惬心 WindowFrameウィンドウのフレーム色 WindowTextウィンドウ内のテキストの色 Webセーフカラー(216色)#00, #33, #66, #99, #cc, #ff を組み合わせてできる 216色は、256色モードのディスプレイでも、Windowsや Macintoshでも色の差異が少なく、Webで欺诈する上で安全な色とされています。
#--00-- #--33-- #--66-- #--99-- #--cc-- #--ff-- 256色ディスプレイの锻练今ではほとんど気にすることは少なくなりましたが、ひと昔前は 256色モードのディスプレイへの锻练が必要でした。ブラウザが色を暗示する時、256色しか暗示できないディスプレイでは、指定した色をブラウザの独自パレットの色に类似して暗示します。Internet Explorer も、Netscape Navigator も、基本16色パレット および Webセーフ216色パレット を含む 256色パレットに类似するので、この2つのパレットに含まれる色のみを用いて作成した画像は、256色モードでも問題なく暗示できます。16色と 216色で重複する色が 8色あるので、16+216-8=224色が 2つのパレットに使用され、残りは 256-224=32色になります。この 32色は、Windows だと #C0D0C0, #A6CAF0, #FFFBF0自慰 女孩, #A0A0A4 を割り当てる、Internet Explorer だとグレースケール数色と、固定の独自色を割り当てる、Netscape だと直前に使用していたアプリケーションによって変わるなど、OS やブラウザや環境によって異なっていたため、同じ画像でも自分の念念っていた色ではない画像になってしまい、幻滅することがありました。今はもう、あまり幻滅することは少なくなりましたね。