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（色调、饱和度和亮度），允许您在这些不同颜色之间进行转换模型也是如此。