RGB 到 HSL 顏色轉換

輸入紅色、綠色和藍色色階 (0..255) 並按下轉換按鈕：

輸入紅色 (R)：
輸入綠色（G）：
輸入藍色（B）：
色調 (H)：	°
飽和度（S）：	%
明度 (L):	%
顏色預覽：

HSL 到 RGB 轉換 ►

RGB轉HSL公式

R、G、B值除以 255 以將範圍從 0..255 更改為 0..1 ：

R' = R/255

G' = G/255

B' = B/255

Cmax = max(R', G', B')

Cmin = min(R', G', B')

Δ = Cmax - Cmin

 

色相計算：

 

飽和度計算：

 

亮度計算：

L = (Cmax + Cmin) / 2

RGB 到 HSL 顏色表

顏色	顏色 姓名	十六進制	（紅、綠、乙）	(高、低、低)
	黑色的	#000000	(0,0,0)	(0°,0%,0%)
	白色的	#FFFFFF	(255,255,255)	(0°,0%,100%)
	紅色的	#FF0000	(255,0,0)	(0°,100%,50%)
	酸橙	#00FF00	(0,255,0)	(120°,100%,50%)
	藍色的	#0000FF	(0,0,255)	(240°,100%,50%)
	黃色的	#FFFF00	(255,255,0)	(60°,100%,50%)
	青色	#00FFFF	(0,255,255)	(180°,100%,50%)
	品紅	#FF00FF	(255,0,255)	(300°,100%,50%)
	銀	#BFBFBF	(191,191,191)	(0°,0%,75%)
	灰色的	#808080	(128,128,128)	(0°,0%,50%)
	栗色	#800000	(128,0,0)	(0°,100%,25%)
	橄欖	#808000	(128,128,0)	(60°,100%,25%)
	綠色的	#008000	(0,128,0)	(120°,100%,25%)
	紫色的	#800080	(128,0,128)	(300°,100%,25%)
	藍綠色	#008080	(0,128,128)	(180°,100%,25%)
	海軍	#000080	(0,0,128)	(240°,100%,25%)

 

HSL 到 RGB 轉換 ►

 

---

也可以看看

• 如何將RGB轉換為十六進制
• 十六進製到 RGB 轉換器
• HSL 到 RGB 轉換器

RGB 到 HSL 顏色轉換器工具的功能

1. 將 RGB 值轉換為 HSL 值：該工具允許用戶輸入 RGB 值（紅色、綠色、藍色）並將其轉換為相應的 HSL 值（色調、飽和度、亮度）。

2. 將 HSL 值轉換為 RGB 值：該工具還允許用戶輸入 HSL 值並將其轉換為相應的 RGB 值。

3. 自定義顏色輸入：用戶可以輸入自己的 RGB 或 HSL 值以轉換為其他格式。

4. 顏色選擇器：一些 RGB 到 HSL 顏色轉換器工具可能包含顏色選擇器功能，它允許用戶從視覺調色板或通過調整 RGB 或 HSL 值的滑塊來選擇顏色。

5. 結果顏色預覽：該工具應在轉換後顯示結果顏色的預覽，以便用戶可以看到顏色的樣子。

6. 多種顏色轉換：某些工具可能允許用戶一次轉換多種顏色，方法是輸入多組值或使用色樣或調色板。

7. 顏色庫或調色板：一些工具可能包含預定義顏色的庫或調色板，用戶可以從中選擇或用作參考。

8. 響應式設計：該工具應該具有響應性，並且可以在各種設備（例如台式電腦、平板電腦和智能手機）上正常運行。

9. HSL 顏色空間可視化：一些工具可能包括 HSL 顏色空間的可視化，這可以幫助用戶了解不同的 HSL 值如何對應不同的顏色。

10. 將 HSL 值調整為百分比或度數的選項：某些工具可能允許用戶以百分比或度數形式輸入 HSL 值，具體取決於他們的偏好。