顏色選擇器是編輯器的功能,可讓您管理文本,背景,覆疊等的顏色配置。 您可以從調色板中選擇顏色,輸入 HEX 或 RGB 值,甚至建立自訂漸層。 最新的顏色功能將幫助您保持配色方案一致,並在您的網站上保持專業的外觀和感覺。
在選擇配色方案之前,您需要選擇要使用單色或漸層的位置。
如果您使用單色選項,則可以從「最近的顏色」標籤中選擇顏色,或跳至「選擇其他顏色」。
漸變背景將是行,列和小部件背景和圖像疊加的可用選項。 若要套用漸層,請開啟顏色選擇器時,按一下調色板上方的下拉式清單(可能稱為「顏色」),選取漸層,然後確保:
-
選擇 2 種顏色的漸變色標
-
您可以反轉顏色以調整停止位置
-
-
選擇漸層方向
-
中心選項將生成徑向漸變
-
側面選項將創建線性漸變
-
注意事項
漸層無法儲存在主題顏色中。
主題顏色可讓您定義調色板,並將個別顏色連結到具有顏色設定的任何或所有小工具。 當主題顏色設定中變更連結顏色時,連結至主題顏色的任何元素的顏色將自動更新。 這可讓您快速進行顏色變更,有助於縮短設計時間,並確保網站的風格跨頁面一致。
若要瞭解如何設定主題顏色,請參閱主題顏色。
文字顏色的對比度檢查器通過指出文字和背景之間的對比度是否符合 AA 或 AAA 標準 *,有助於改善網站的可訪問性。每當顏色選擇器用於文字時,對比檢查器都會出現在顏色選擇器中。
以下是決定是否符合 AA 或 AAA 標準的準則:
文字類型 |
標準 * |
字型大小 |
最小對比率 |
---|---|---|---|
一般文字 |
AAA |
18 分以下 |
7:1 |
大型文字 |
AAA |
18 或 14 分粗體 |
四、5:1 |
一般文字 |
AA |
18 分以下 |
四、5:1 |
大型文字 |
AA |
18 分粗體或 24 分以上 |
3:1 |
* 在無障礙標準中," AA " 和 " AAA " 代表不同級別的色彩對比度要求。AA 級別表示您的顏色具有足夠的對比度以便可讀,但對某些使用者仍可能會造成問題。AAA 級別意味著您具有高對比度,絕大多數用戶應該可以閱讀。
以下是對比色檢查器的範例,指出文字和背景對比度符合 AAA 標準。
在下列情況下,對比度檢查器將被停用:
-
如果選取的文字有多種顏色。例如,如果文字中的幾個單詞為藍色,其他幾個字為粉紅色。
-
如果文字位於漸層背景上。
-
如果文字位於影像背景上。