色差檢查器

比較 兩種認可的顏色 by simple numeric gaps before you decide whether they are too close, balanced enough, or clearly distinct.

此頁面用於快速數字比較。 It is not a physical paint simulator and it does not replace a readability check.

其他語言 日本語 | English | 繁體中文

如何使用

  1. Paste or pick the two colors you actually want to compare.
  2. Read the simple labels and numeric gaps rather than guessing from memory.
  3. Move next to Contrast Checker only after the final foreground/background pair is fixed.

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

Use this step when you already have two candidate colors and need a quick numeric check before final token or UI decisions.

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

#2563eb
#1d4ed8

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

使用 顏色選擇器 當您仍然需要第一種顏色時。使用 色彩和諧 when the job is generating relationship-based sets.使用 調色盤色標 當一種基色仍需要變化時。當您已有兩種候選顏色並需要進行數字比較時,請使用此頁面。移至旁邊 OKLCH轉換器 when one of those approved colors now needs perceptual-space values for token tuning or CSS handoff, or to CSS 顏色混合 當下一個任務正在運送時 color-mix() 來自批准對的表達。移至 對比檢查器 only when the final foreground/background pair is fixed and readability is the real question.

常見問題解答

這個頁面有什麼作用?

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

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

Use Contrast Checker when readability of foreground and background text is the question.當問題是兩個樣本在視覺上是否太接近或明顯不同時,請使用此頁面。

我什麼時候應該使用它來代替 Color Harmony 或 Color Palette?

Use Color Harmony to generate relationship-based color sets and Color Palette to expand one base color into tints, shades, and accents. Use this page after you already have two candidate colors and want to compare their gap.

共用 URL 中儲存了什麼?

The share URL stores the left and right HEX values only.