RGBA 轉 Lab 轉換器

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

從 RGBA

辨識為 RGB

Lab 值lab(61.03 63.55 55.96 / 0.8)

去除透明度後的同一顏色（不透明 Lab）

調整顏色

色相11°

不透明度80%

亮度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)

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

CIE Lab 用亮度 L 和兩條色彩軸描述顏色：a（綠到紅）和 b（藍到黃）。它與裝置無關，常用來計算 ΔE 等色差。

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

如何將 RGBA 轉換為 Lab？

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

RGBA 轉 Lab 的結果精確嗎？

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

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

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

這個轉換器免費嗎？

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