色彩對比檢查

依 WCAG 2.2 檢查文字與背景對比，即時預覽一般及大型文字的 AA、AAA 結果。

文字顏色文字顏色背景顏色背景顏色

清楚易讀的文字，讓訊息更明確。

一般文字 · Aa 123

對比值—

依 WCAG 2.2 計算；透明背景先疊合於白色畫布。

內容僅在此瀏覽器處理，不會上傳或儲存。

工具介紹

依 WCAG 2.2 檢查文字與背景對比，即時預覽一般及大型文字的 AA、AAA 結果。

設計工具

選擇文字與背景顏色。一般文字 AA 需 4.5:1、AAA 需 7:1；大型文字分別為 3:1、4.5:1。大型文字為至少 24px，或粗體約 18.67px。透明背景先疊於白底。此檢查僅涵蓋色彩對比，不代表整個頁面符合無障礙規範。

轉換 HEX、RGB、HSL 與透明度，即時檢視色樣並複製可用於 CSS 的色值。

設計工具

視覺化製作線性與放射狀漸層，編輯色標、位置和角度，直接複製 CSS。

設計工具

調整位移、模糊、擴展、顏色和透明度，預覽內外陰影並複製 box-shadow。

設計工具

約分圖片或影片的長寬比，依已知寬高計算另一邊，並直觀檢視畫面形狀。

設計工具