跳到取色器

OKLCH 转 Android XML 转换器

粘贴 OKLCH 值,立即得到 Android XML。其他格式也同样支持。

识别为 OKLCH

Android XML 值#FF5733
Android XML 转 OKLCH

调整颜色

11°
100%

68%
0.210
34°

其他所有格式

OKLCH 转 Android XML 示例

颜色OKLCHAndroid XML
oklch(62.796% 0.25768 29.234)#FF0000
oklch(86.644% 0.29483 142.495)#00FF00
oklch(45.201% 0.31321 264.052)#0000FF
oklch(100% 0 0)#FFFFFF
oklch(0% 0 0)#000000
oklch(59.987% 0 0)#808080
oklch(68.036% 0.21001 33.692)#FF5733
oklch(62.308% 0.18801 259.815)#3B82F6
oklch(69.587% 0.14907 162.48)#10B981
oklch(76.859% 0.16466 70.08)#F59E0B
oklch(60.563% 0.21892 292.717)#8B5CF6
oklch(65.592% 0.21177 354.308)#EC4899

关于 OKLCH 和 Android XML

OKLCH 是 OKLab 的极坐标形式:亮度、彩度和色相。Tailwind CSS v4 的整套调色板都用它,因为改变亮度时色相保持稳定。

Android XML 资源把颜色写成 #RRGGBB 或 #AARRGGBB,Alpha 在最前面,例如 #80FF5733 表示 50% 不透明度。这种 ARGB 顺序与 CSS 不同,CSS 的 Alpha 在最后。

转换原理

我们读取 OKLCH 值,用 CSS Color 4 规范中的矩阵将其转换为 CIE XYZ,再转换为 Android XML。超出目标色域的值会按 CSS Color 4 算法映射:保持亮度和色相,降低彩度。

常见问题

如何将 OKLCH 转换为 Android XML?

在上方输入框中粘贴或输入 OKLCH 值。PickShade 会在你输入时用 CSS Color 4 公式实时转换,点击一下即可复制 Android XML 值。

OKLCH 转 Android XML 的结果精确吗?

计算是精确的,结果只在显示时取整,保留的位数足以转换回同一个颜色。如果颜色超出目标色域,PickShade 会提示你,并显示色域内最接近的颜色。

能同时得到其他格式吗?

可以。其他所有格式,包括 OKLCH、Display P3、Tailwind、SwiftUI、Flutter 和 Android,都列在结果下方,点击即可复制。

这个转换器免费吗?

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