HSL 转 RGBA
把色相、饱和度和亮度转换为可在 CSS 中直接设置透明度的 rgba() 值。
文件始终保留在您的设备上完全免费
#FF3D77
hsl 输入
结果 · RGBA
rgba(255, 61, 119, 1)
HEX
#FF3D77
RGB
rgb(255, 61, 119)
HSL
hsl(342, 100%, 62%)
HSV
hsv(342, 76%, 100%)
CMYK
cmyk(0%, 76%, 53%, 0%)
使用方法: HSL 转 RGBA
- 1
输入颜色
输入颜色代码或使用取色器选择颜色，每个字段都接受其所显示的格式。
- 2
查看转换结果
结果会在您输入时即时更新，同时显示颜色的实时预览。
- 3
复制代码
一键复制所需的数值，并粘贴到您的设计、CSS 或印刷设置中。
关于 HSL 和 RGBA
HSL 和 RGBA 源自两种不同的颜色思维方式。HSL 通过色相、饱和度和亮度来定义颜色，便于设计一组相关的色调。RGBA 则通过 0 到 255 的红、绿、蓝通道值加上表示不透明度的 Alpha 通道来定义颜色——许多 JavaScript 库、canvas 绘图代码、图表工具和较旧的 CSS 代码库都要求使用这种格式。
转换器会把您的 HSL 值转换为 Alpha 设为 1（即完全不透明）的 rgba()。修改最后一个数字即可获得透明效果：0.8 为略微透明的面板，0.3 适合照片上的遮罩，0 则完全不可见。小提示：在现代 CSS 中，也可以直接为 HSL 添加 Alpha，例如 hsl(160 60% 45% / 0.3)，但当某个库或邮件模板不支持这种较新的语法时，rgba() 是更稳妥的选择。
所有处理都在您的浏览器本地完成，您的图片绝不会上传到服务器。