您可以透過以下各種方式來變更元素的填滿色彩和筆觸色彩：
- 使用「色彩」面板
- 使用「屬性」面板
- 使用工具列中的筆觸和填滿工具
- 使用工具列中的色片
使用中的色彩
如果您正在使用填滿色彩和筆觸色彩，左側工具列底部的色片中會顯示相應的顏色。中空的色片代表筆觸色彩 (也就是框線色彩)。
以下是設為預設色彩的色片示例：筆觸和填滿色彩分別為黑色和白色。
當您使用下列工具時，系統會套用使用中的色彩：
- 元素工具
- 畫筆和圖形工具
- 筆觸和填滿工具
如果您選取單一元素，使用中的色彩會呈現該元素的填滿和筆觸色彩。
工具列中色片上方的按鈕可讓您快速變更使用中的顏色：
- 預設色彩
：將使用中的色彩重設為預設值 (筆觸和填滿色彩分別為黑色和白色)。
- 切換填滿與筆觸色彩
：將填滿色彩和筆觸色彩對調 (您也可以直接按下 X 鍵)。
：將使用中的色彩重設為預設值 (筆觸和填滿色彩分別為黑色和白色)。顏色混合器
顏色混合器會顯示色彩對話方塊，方便您選取色彩；您隨時可以前往「色彩」面板使用這項工具。當您點選工具列中的色片，或是在色彩相關屬性的欄位中點選色片時，系統也會顯示顏色混合器的彈出式視窗。
如何在顏色混合器中選取顏色：
- 使用顏色滑桿選取色調。
- 在顏色欄位中點選所需的濃淡度。
- 使用 Alpha 透明層滑桿變更顏色的透明度。
您可以在顏色混合器對話方塊中的文字欄位輸入顏色值和 Alpha 透明層的值：
- #：輸入顏色的十六進位值 (例如 26C6DA)。
- % (或「色彩」面板中的 A)：輸入 Alpha 透明層的值。0 表示完全透明，100 則是完全不透明。
- RGB (僅於「色彩」面板顯示)：輸入顏色的 RGB (紅、綠和藍) 值。
顏色混合器還提供其他選項，系統會以黃色標明使用中的選項：
：移除筆觸色彩或填滿色彩。
：選取單色。
：建立
：建立
：切換至滴管工具
滴管工具可讓您在中心區域選取現有的顏色。
如要使用這項工具，請在工具列選取「滴管工具」圖示 ，或按下 I 鍵。當您開啟顏色混合器並選取色彩時 (例如為元素套用填滿或筆觸色彩時)，滴管工具也會自動啟用；不過，這項工具不能用來設定文字工具的顏色。
您無法在 Google Web Designer 的工具列、面板、時間軸或選單中使用滴管工具。如要停用自動啟動的滴管工具，請點選介面的任一處，或按下 Esc 鍵。
滴管工具運作時，不會參考 Alpha 透明層的值。舉例來說，如果某個透明的紅色元素因置於白色背景上而呈現粉紅色，當您在元素上使用滴管工具時，系統會選取不透明度為 100% 的粉紅色。
設定元素顏色
如要變更頁面的背景色彩，請不要選取任何元素，直接使用「屬性」面板中的 [填滿] 欄位。
如何使用「色彩」面板套用顏色：
- 選取您要套用顏色的元素。
- 按一下「色彩」面板頂端的 [填滿] 或 [框線]。
- 在顏色混合器或色票調色盤中選取顏色。
如何使用「屬性」面板套用顏色：
- 選取您要套用顏色的元素。
- 在「屬性」面板的「樣式」部分，按一下 [填滿色彩] 或 [框線色彩] 欄位中的色票，即可開啟顏色混合器。
- 您可以在顏色混合器或色票調色盤中選取顏色，也可以在中心區域使用滴管工具選取。
如何使用填滿工具：
- 點選工具列中的「填滿工具」按鈕
，或直接按下 F 鍵 (如果工具列中顯示的是「筆觸工具」按鈕
或「漸層工具」按鈕
，請點選並按住該按鈕，然後從彈出式選單中選取 [填滿工具])。
- 如要選取顏色，您可以點選工具列中的色片，或使用「顏色」面板。
- 將滑鼠游標懸停在您要套用顏色的元素上，這個元素會顯示綠色外框。
- 按一下該元素。
如何使用筆觸工具：
- 點選並按住工具列中的「填滿工具」按鈕
- 按照以下步驟自訂筆觸：
- 按一下工具列中的色片，選取筆觸或框線的顏色。
- 在工具選項列中，指定「框線」(適用於大多數元素) 或「筆觸」(適用於線條和橢圓形) 的寬度。
- 使用框線時，請在工具選項列的 [樣式] 下拉式選單中選擇框線樣式。
- 將滑鼠游標懸停在您要修改框線的元素上，這個元素會顯示綠色外框。
- 按一下該元素。
色票調色盤
色票調色盤預設含有多種顏色，可讓您儲存顏色或漸層，方便在文件中重複使用。您也可以運用圖片中的顏色產生色票。進一步瞭解如何使用色票。
漸層
漸層指的是用多種顏色填滿空間，同時讓相鄰的顏色過渡轉換。瞭解如何使用漸層。