如何使用
- 貼上或選擇實際要比較的兩種顏色。
- 檢視簡短標籤和數值差距,不靠記憶猜測。
- 確認最終前景/背景配色後,再移到對比檢查器確認可讀性。
從色票想法轉向可衡量的比較
已有兩個候選色,並且需要在最終權杖或 UI 決策前快速做數值檢查時,請使用此步驟。
#2563eb
#1d4ed8
如何在附近的頁面之間進行選擇
如果仍在挑選第一種顏色,請使用 顏色選擇器。需要依色彩關係產生配色組合時,請使用 色彩和諧工具。一種基色仍需要延伸變化時,請使用 色票工具 或 色階工具。當你已有兩種候選色並需要數值比較時,請使用此頁面;若其中一種顏色要轉為感知色彩空間數值,請前往 OKLCH 轉換器;若下一步是產生 color-mix() 表達式,請使用 CSS 顏色混合。只有在最終前景/背景配色已確定、真正要檢查可讀性時,才移到 對比檢查器。
常見問題解答
這個頁面有什麼作用?
它透過 RGB 距離和簡單的感知 ΔE76 差距來比較兩種顏色,然後顯示兩種顏色的數字格式。
我什麼時候應該使用它來代替對比檢查器?
當問題是前景文字與背景的可讀性時,請使用對比檢查器。若要判斷兩個樣本在視覺上是否太接近或明顯不同,請使用此頁面。
我什麼時候應該使用它來代替 色彩和諧工具 或 色票工具?
需要依色彩關係產生色組時,請使用色彩和諧;需要把一個基色展開為淡色、深色與強調色時,請使用色票。已有兩個候選色並想比較差距時,再使用此頁。
分享 URL 會儲存什麼?
分享 URL 只會儲存左右兩側的 HEX 色值。