“颜色选择器”对话框 ->“自定义颜色”选项卡
更新：2007 年 11 月
若要创建自定义颜色，请拖动基本色为红色、绿色和蓝色的滑块，直到“预览”字段中出现所需颜色。当您关闭“样式生成器”对话框时，您创建的自定义颜色的 RGB 颜色代码（显示在“颜色”字段中）将插入到您的级联样式表 (CSS) 样式定义中。
.gif "说明") 说明： |
|---|
自定义颜色使用监视器的当前“显示”设置进行显示。该颜色在另一用户的监视器和 Web 浏览器中的显示可能有所不同。您可能希望保留自定义颜色，以用于为共享通用的、可预知的“显示”设置的用户组设计的 Web 项目。 |
例如，编辑 CSS 样式表时，请将光标放在 INPUT.button 样式的 CSS 样式的大括号 ({ }) 之间，在“生成样式”对话框中选择“背景”，然后选择“颜色”字段旁边的省略号按钮 (...) 以打开“颜色选择器”对话框。在其“自定义颜色”选项卡上，将“红色”和“绿色”滑块保留为其默认值 255，将“蓝色”滑块向左拖到 102。
| 说明： |
|---|
“预览”字段显示明亮的黄色底纹，“颜色”字段中则显示 RGB 颜色代码“#ffff66”，它等效于“255,255,102”。 |
当关闭“样式生成器”对话框时，以下 attribute:RGBcolor 对将插入样式的大括号 ({ }) 之间：
INPUT.button { background-color: #ffff66; }
在“颜色选择器”对话框的一个选项卡上选定的颜色在所有选项卡上被自动选定。在本例中，“Web 调色板”选项卡上选择了同样明亮的黄色样本，并且 RGB 代码“#ffff66”出现在“颜色”字段中。此特定黄色是 Web 安全颜色。
访问此对话框
在 Microsoft Visual Web Developer 的“设计”视图中，选择呈现标记的控件或 HTML 元素，如 Table 控件或 HTML <input> 按钮。
执行以下操作之一，打开“样式生成器”对话框：
在“设计”视图中选择控件或元素，然后依次单击“格式”、“样式”。
在“设计”视图中右击控件或元素，然后单击“样式”。
选择控件或元素，在“属性”窗口中选择其“样式”属性，然后选择省略号按钮 (...)。
如果正在使用“文档样式”窗口，可以选择“元素”、“类”或“元素 ID”，然后选择“生成样式”图标。
如果您正在编辑 CSS 样式表，请将插入点放在 CSS 样式的大括号 ({ }) 之间，然后选择“样式”菜单上的“生成样式”。
“样式生成器”对话框随即打开。
在“样式生成器”对话框中，选择包含“颜色”下拉列表的任意选项卡，然后单击该框旁边的省略号 (…) 按钮。
“颜色选择器”对话框随即打开。
单击“自定义颜色”选项卡。
任务
用户界面元素
红色
默认值为 255（最深的红色）。向左拖动“红色”滑块可减少自定义颜色中红色的比重。最小值为 0（没有红色）。绿色
默认值为 255（最深的绿色）。向左拖动“绿色”滑块可减少自定义颜色中绿色的比重。最小值为 0（没有绿色）。蓝色
默认值为 255（最深的蓝色）。向左拖动“蓝色”滑块可减少自定义颜色中蓝色的比重。最小值为 0（没有蓝色）。预览
拖动滑块时，预览窗格显示结果颜色。颜色
显示结果颜色的十六进制 RGB 代码。确定
关闭“颜色选择器”对话框，并在关闭“样式生成器”对话框时将选定的 attribute:color 对添加到要插入的 CSS 标记中。