跳到取色器

Flutter / Compose 转 RGB 转换器

粘贴 Flutter / Compose 值,立即得到 RGB。其他格式也同样支持。

识别为 Flutter 代码

RGB 值rgb(255, 87, 51)

调整颜色

11°
100%

68%
0.210
34°

其他所有格式

Flutter / Compose 转 RGB 示例

颜色Flutter / ComposeRGB
Color(0xFFFF0000)rgb(255, 0, 0)
Color(0xFF00FF00)rgb(0, 255, 0)
Color(0xFF0000FF)rgb(0, 0, 255)
Color(0xFFFFFFFF)rgb(255, 255, 255)
Color(0xFF000000)rgb(0, 0, 0)
Color(0xFF808080)rgb(128, 128, 128)
Color(0xFFFF5733)rgb(255, 87, 51)
Color(0xFF3B82F6)rgb(59, 130, 246)
Color(0xFF10B981)rgb(16, 185, 129)
Color(0xFFF59E0B)rgb(245, 158, 11)
Color(0xFF8B5CF6)rgb(139, 92, 246)
Color(0xFFEC4899)rgb(236, 72, 153)

关于 Flutter / Compose 和 RGB

Flutter 和 Jetpack Compose 把颜色写成一个 32 位 ARGB 数值,例如 Color(0xFFFF5733)。0x 后面的两位十六进制数是 Alpha,FF 表示完全不透明。

RGB 用 0 到 255 的数值表示红、绿、蓝,描述屏幕如何混合光线。在现代 CSS 中写作 rgb(255 87 51)。

转换原理

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

常见问题

如何将 Flutter / Compose 转换为 RGB?

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

Flutter / Compose 转 RGB 的结果精确吗?

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

能同时得到其他格式吗?

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

这个转换器免费吗?

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