跳到取色器

Android XML 轉 OKLCH 轉換器

貼上 Android XML 值,立即得到 OKLCH。其他格式也一樣能用。

辨識為 HEX

OKLCH 值oklch(68.036% 0.21001 33.692)

調整顏色

11°
100%

68%
0.210
34°

其他所有格式

Android XML 轉 OKLCH 範例

顏色Android XMLOKLCH
#FF0000oklch(62.796% 0.25768 29.234)
#00FF00oklch(86.644% 0.29483 142.495)
#0000FFoklch(45.201% 0.31321 264.052)
#FFFFFFoklch(100% 0 0)
#000000oklch(0% 0 0)
#808080oklch(59.987% 0 0)
#FF5733oklch(68.036% 0.21001 33.692)
#3B82F6oklch(62.308% 0.18801 259.815)
#10B981oklch(69.587% 0.14907 162.48)
#F59E0Boklch(76.859% 0.16466 70.08)
#8B5CF6oklch(60.563% 0.21892 292.717)
#EC4899oklch(65.592% 0.21177 354.308)

關於 Android XML 和 OKLCH

Android XML 資源將顏色寫成 #RRGGBB 或 #AARRGGBB,Alpha 在最前面,例如 #80FF5733 代表 50% 不透明度。這種 ARGB 順序與 CSS 不同,CSS 的 Alpha 在最後。

OKLCH 是 OKLab 的極座標形式:亮度、彩度和色相。Tailwind CSS v4 的整套調色盤都用它,因為調整亮度時色相會保持穩定。

轉換原理

我們讀取 Android XML 值,用 CSS Color 4 規範中的矩陣將它轉換為 CIE XYZ,再轉換為 OKLCH。超出目標色域的值會依 CSS Color 4 演算法映射:保留亮度和色相,降低彩度。

常見問題

如何將 Android XML 轉換為 OKLCH?

在上方欄位貼上或輸入 Android XML 值。PickShade 會在你輸入時用 CSS Color 4 公式即時轉換,點一下就能複製 OKLCH 值。

Android XML 轉 OKLCH 的結果精確嗎?

計算是精確的,結果只在顯示時四捨五入,保留的位數足以轉換回同一個顏色。如果顏色超出目標色域,PickShade 會提醒你,並顯示色域內最接近的顏色。

可以同時取得其他格式嗎?

可以。其他所有格式,包括 OKLCH、Display P3、Tailwind、SwiftUI、Flutter 和 Android,都列在結果下方,點一下就能複製。

這個轉換器免費嗎?

免費。不必註冊,而且完全在你的瀏覽器中執行。