色差檢查器

比較 兩種已確認的顏色,在判斷它們是否太接近、是否足夠平衡或是否明顯不同前,先用簡單數值差距檢查。

此頁面用於快速數值比較。它不是實體油漆模擬,也不能取代可讀性檢查。

其他語言 日本語 | English | 繁體中文 | 繁體中文(香港) | Italiano

如何使用

  1. 貼上或選擇實際要比較的兩種顏色。
  2. 檢視簡短標籤和數值差距,不靠記憶猜測。
  3. 確認最終前景/背景配色後,再移到對比檢查器確認可讀性。

從色票想法轉向可衡量的比較

已有兩個候選色,並且需要在最終權杖或 UI 決策前快速做數值檢查時,請使用此步驟。

透過簡單的數字差距來比較兩種顏色。

#2563eb
#1d4ed8

如何在附近的頁面之間進行選擇

如果仍在挑選第一種顏色,請使用 顏色選擇器。需要依色彩關係產生配色組合時,請使用 色彩和諧工具。一種基色仍需要延伸變化時,請使用 色票工具色階工具。當你已有兩種候選色並需要數值比較時,請使用此頁面;若其中一種顏色要轉為感知色彩空間數值,請前往 OKLCH 轉換器;若下一步是產生 color-mix() 表達式,請使用 CSS 顏色混合。只有在最終前景/背景配色已確定、真正要檢查可讀性時,才移到 對比檢查器

常見問題解答

這個頁面有什麼作用?

它透過 RGB 距離和簡單的感知 ΔE76 差距來比較兩種顏色,然後顯示兩種顏色的數字格式。

我什麼時候應該使用它來代替對比檢查器?

當問題是前景文字與背景的可讀性時,請使用對比檢查器。若要判斷兩個樣本在視覺上是否太接近或明顯不同,請使用此頁面。

我什麼時候應該使用它來代替 色彩和諧工具 或 色票工具?

需要依色彩關係產生色組時,請使用色彩和諧;需要把一個基色展開為淡色、深色與強調色時,請使用色票。已有兩個候選色並想比較差距時,再使用此頁。

分享 URL 會儲存什麼?

分享 URL 只會儲存左右兩側的 HEX 色值。