跳到取色器

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,都列在結果下方,點一下就能複製。

這個轉換器免費嗎?

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