HSL 到 RGB 顏色轉換

以度數 (°)、飽和度和亮度 (0..100%) 輸入色調，然後按轉換按鈕：

輸入色相 (H)：	°
輸入飽和度 (S)：	%
輸入亮度（L）：	%
RGB 十六進制代碼 (#)：
紅色 (R)：
綠色（G）：
藍色（B）：
顏色預覽：

RGB 到 HSL 轉換 ►

HSL轉RGB公式

當 0 ≤ H < 360、0 ≤ S ≤ 1 且 0 ≤ L ≤ 1 時：

C = (1 - |2L - 1|) × S

X = C × (1 - |(H / 60°) mod 2 - 1|)

m = L - C/2

(R,G,B) = ((R'+m)×255, (G'+m)×255,(B'+m)×255)

HSL轉RGB顏色表

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

 

RGB 到 HSL 轉換 ►

 

---

也可以看看

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

HSL 到 RGB 顏色轉換

RGB 色彩空間是一種加法色彩空間，它使用紅、綠、藍三種原色來創建所有其他顏色。RGB 顏色值使用三個 8 位整數指定，每個整數代表一種原色。這將創建從 0（無光）到 255（全光）的可能顏色範圍。

HSL（色調、飽和度、亮度）是一種顏色空間，是一種比 RGB 更直觀的顏色指定方式。HSL 值使用三個浮點數指定，每個浮點數對應一個分量。可能的 HSL 值範圍是從 0（無色調）到 1（完全飽和度和亮度）。

RGB 到 HSL 轉換是將 RGB 顏色值轉換為 HSL 值的過程。RGB轉HSL的轉換公式為：

色相=（紅-綠）/（紅+綠+藍）
飽和度=（藍-綠）/（藍+綠+紅）

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

1. HSL (Hue, Saturation, and Lightness) 輸入：該工具允許您在 HSL 顏色空間中輸入顏色，該空間基於色相、飽和度和亮度的三個特徵。

2. RGB（紅、綠、藍）輸出：該工具將 HSL 顏色轉換為基於紅、綠、藍三原色的 RGB 顏色空間。

3. 顏色預覽：該工具通常包括顏色預覽功能，允許您查看所選 HSL 顏色的表示，因為它將出現在 RGB 顏色空間中。

4. 可調滑塊：許多 HSL 到 RGB 顏色轉換工具包括可調滑塊或輸入字段，允許您微調 HSL 顏色的值以獲得所需的 RGB 輸出。

5. 十六進制輸出：該工具還可以以十六進制顏色格式提供生成的 RGB 顏色，這是網頁設計和其他數字應用程序中使用的顏色的標準表示形式。

6. 調色板：一些 HSL 到 RGB 的轉換工具包括調色板功能，允許您從一系列預設顏色中進行選擇或創建您自己的自定義顏色。

7. 顏色歷史：某些工具可能還具有顏色歷史功能，可讓您跟踪已轉換的顏色，從而更輕鬆地在多個項目中使用相同的顏色。

8. 與不同顏色空間的兼容性：一些 HSL 到 RGB 轉換工具與其他顏色空間兼容，例如 CMYK（青色、品紅色、黃色和黑色）或 HSB（色調、飽和度和亮度），允許您在這些不同顏色之間進行轉換模型也是如此。