跳到取色器

比較兩種顏色

看看兩種顏色在亮度、飽和度和色相上的差異,互相當作文字時是否好讀,以及兩者之間的過渡色。

海軍藍#000080
寶藍色#4169e1

海軍藍和寶藍色差異明顯。寶藍色的亮度高出 28.9%。飽和度相同。色相相差 2°。

差異

CIEDE200030.42差異明顯
亮度+28.9%
彩度0
色相+2°

小於 1 時肉眼無法分辨,約 2.3 是看得出來的最小差距。

色碼

海軍藍
HEX
RGB
HSL
OKLCH
寶藍色
HEX
RGB
HSL
OKLCH

互為前景與背景

Aa海軍藍 / 寶藍色3.3:1 · APCA Lc 26文字未達 WCAG AA
Aa寶藍色 / 海軍藍3.3:1 · APCA Lc -25文字未達 WCAG AA

中間色

OKLab 中點: #183cb0

常見問題

海軍藍和寶藍色有什麼不同?

海軍藍和寶藍色差異明顯。寶藍色的亮度高出 28.9%。飽和度相同。色相相差 2°。兩者的 CIEDE2000 色差為 30.42。

寶藍色比海軍藍更淺嗎?

寶藍色的亮度高出 28.9%。在 OKLCH 中,海軍藍的亮度為 27.1%,寶藍色為 56%。

海軍藍的文字可以放在寶藍色上嗎?

兩者的對比度為 3.3:1。WCAG AA 要求一般文字達到 4.5:1,大型文字達到 3:1,因此這組顏色只適合大型文字和標題。

熱門比較