跳到取色器

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,都列在结果下方,点击即可复制。

这个转换器免费吗?

免费。无需注册,完全在你的浏览器中运行。