Flutter / Compose 轉 RGBA 轉換器

貼上 Flutter / Compose 值，立即得到 RGBA。其他格式也一樣能用。

從 Flutter / Compose

辨識為 Flutter 程式碼

RGBA 值rgba(255, 87, 51, 1)

調整顏色

色相11°

不透明度100%

亮度68%

彩度0.210

色相34°

在 8 位數 HEX 中，最後兩位代表不透明度：FF 完全不透明，80 約為 50%，00 完全透明。表格以 5% 為間隔列出範例顏色。

不透明度	HEX 透明度	HEX	RGBA
100%	ff	#ff5733	rgba(255, 87, 51, 1)
95%	f2	#ff5733f2	rgba(255, 87, 51, 0.95)
90%	e6	#ff5733e6	rgba(255, 87, 51, 0.9)
85%	d9	#ff5733d9	rgba(255, 87, 51, 0.85)
80%	cc	#ff5733cc	rgba(255, 87, 51, 0.8)
75%	bf	#ff5733bf	rgba(255, 87, 51, 0.75)
70%	b3	#ff5733b3	rgba(255, 87, 51, 0.7)
65%	a6	#ff5733a6	rgba(255, 87, 51, 0.65)
60%	99	#ff573399	rgba(255, 87, 51, 0.6)
55%	8c	#ff57338c	rgba(255, 87, 51, 0.55)
50%	80	#ff573380	rgba(255, 87, 51, 0.5)
45%	73	#ff573373	rgba(255, 87, 51, 0.45)
40%	66	#ff573366	rgba(255, 87, 51, 0.4)
35%	59	#ff573359	rgba(255, 87, 51, 0.35)
30%	4d	#ff57334d	rgba(255, 87, 51, 0.3)
25%	40	#ff573340	rgba(255, 87, 51, 0.25)
20%	33	#ff573333	rgba(255, 87, 51, 0.2)
15%	26	#ff573326	rgba(255, 87, 51, 0.15)
10%	1a	#ff57331a	rgba(255, 87, 51, 0.1)
5%	0d	#ff57330d	rgba(255, 87, 51, 0.05)
0%	00	#ff573300	rgba(255, 87, 51, 0)

Flutter 與 Jetpack Compose 將顏色寫成一個 32 位元 ARGB 數值，例如 Color(0xFFFF5733)。0x 後面的兩位十六進位數字是 Alpha，FF 代表完全不透明。

RGBA 是在 RGB 上加入代表不透明度的 Alpha 通道，寫作 rgba(255, 87, 51, 0.5)。Alpha 從 0（完全透明）到 1（完全不透明）。同樣的透明度也能寫成 8 位數 HEX，例如 #ff573380。

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

如何將 Flutter / Compose 轉換為 RGBA？

在上方欄位貼上或輸入 Flutter / Compose 值。PickShade 會在你輸入時用 CSS Color 4 公式即時轉換，點一下就能複製 RGBA 值。

Flutter / Compose 轉 RGBA 的結果精確嗎？

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

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

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

這個轉換器免費嗎？

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