如何使用
- 貼上或選擇實際要比較的兩種顏色。
- 檢視簡短標籤和數值差距，不靠記憶猜測。
- 確認最終前景／背景配色後，再移到對比檢查器確認可讀性。
以數值比較兩個候選顏色
已有兩個候選顏色，並需要在最終設計、色票或 UI 決策前快速作數值檢查時，請使用此工具。
#2563eb
#1d4ed8
如何選擇相關工具
仍在挑選第一個顏色時，請使用 顏色選擇器；想按色彩關係產生組合時，請使用 色彩和諧工具；想從一個基色延伸明暗和層次時，請使用 色票工具 或 色階工具。已有兩個候選顏色並想量化差異時，請使用本頁。確定採用後，如需 OKLCH / OKLab 值來調整設計 token 或交付 CSS，請前往 OKLCH 轉換器；如需建立 color-mix()，請前往 CSS 顏色混合。只有要驗證文字和背景的可讀性時，才使用 對比檢查器。
常見問題
這個頁面可以做甚麼？
本頁以 RGB 距離和簡化的 ΔE76 比較兩個顏色，並列出兩側的 HEX、RGB 和 HSL。
何時應改用對比檢查器？
要檢查前景文字和背景的可讀性時，請使用對比檢查器；要判斷兩個色票是否太相近或明顯不同時，請使用本頁。
何時應使用色彩和諧或色票工具？
需要按色彩關係產生組合時，請使用色彩和諧工具；需要從一個基色延伸明暗和強調色時，請使用色票工具。已有兩個候選顏色並想量化差異時，再使用本頁。
分享 URL 會包含甚麼？
分享 URL 只包含左右兩側的 HEX 顏色值。