色彩選擇器對話方塊、Web 調色盤索引標籤
更新：2007 年 11 月
當您選取某個色樣 (Color Swatch) 時，它的十六進位 RGB 碼就會出現在 [色彩] 欄位中，而且當關閉 [樣式產生器] 對話方塊時，選取的 attribute:RGBcolor 配對就會插入到階層式樣式表 (CSS) 樣式定義中。在索引標籤上的色彩在各種 Web 瀏覽器中都顯示的相當一致。
例如，在 [設計] 檢視中編輯 HTML 網頁時，請在 [文件大綱] 視窗中選取 <BODY> 項目，然後在 [格式] 功能表上選擇 [建置樣式]。選取 [背景] 並選擇 [色彩] 欄位旁的省略符號按鈕 (...)，開啟 [色彩選擇器] 對話方塊。在它的 [Web 調色盤] 索引標籤上，選擇淺藍色彩樣本。當您關閉 [樣式產生器] 對話方塊時，類似下面的 attribute:color 配對就會插入到 BODY 樣式的大括號 ({ }) 之間：
BODY { BACKGROUND-COLOR: #99ffff; }
若要存取本對話方塊
在 Microsoft Visual Web Developer 的 [設計] 檢視中，選取呈現標記的控制項或 HTML 項目 (例如 Table 控制項或 HTML <input> 按鈕)。
執行下列其中一個動作，以開啟 [樣式產生器] 對話方塊：
在 [設計] 檢視中，取控制項或項目，然後依序按一下[格式] 和 [樣式]。
在 [設計] 檢視中，以滑鼠右鍵按一下控制項或項目，然後按 [樣式]。
選取這個控制項或項目，並在 [屬性] 視窗中選取它的 [樣式] 屬性，然後選擇省略按鈕 (...)。
如果您是在 [文件樣式] 視窗中工作，請選取 [項目]、[類別] 或 [項目 ID]，然後選擇 [建置樣式] 圖示。
如果您正在編輯 CSS 樣式表，請將插入點置於 CSS 樣式的大括號之間 ({ })，然後在 [樣式] 功能表上選擇 [建置樣式]。
[樣式產生器] 對話方塊隨即開啟。
在 [色彩] 下拉式清單所在的 [樣式產生器] 對話方塊中選取任一個索引標籤，然後按一下方塊旁的省略按鈕 (...)。
[色彩選擇器] 對話方塊隨即開啟。
按一下 [Web 調色盤] 索引標籤。
工作
UI 項目
(色板)
會顯示可以選按的色板供您從中選取。色彩
顯示所選色彩的十六進位 RGB 碼。確定
關閉 [色彩選擇器] 對話方塊，並將選取的 attribute:RGBcolor 配對加入至 CSS 標記，在結束 [樣式產生器] 對話方塊時即會插入該標記。