RGB转HSL颜色转换工具
请输入逗号分隔的RGB值，如: 66,185,131
红色 (R) 128
绿色 (G) 128
蓝色 (B) 128
转换结果
颜色预览
点击复制按钮将HSL颜色值复制到剪贴板
工具简介
RGB转HSL颜色转换工具是一个简单实用的在线工具，可以帮助您快速将RGB颜色值转换为HSL格式。
无论您是网页设计师、UI/UX设计师还是前端开发者，这个工具都能帮助您更高效地进行颜色转换工作。
主要功能
- 支持两种输入方式：逗号分隔和分别输入
- RGB进度条调节，直观选择颜色
- 实时颜色预览
- 一键复制HSL结果
- 响应式设计，适配各种设备
使用教程
- 在"RGB逗号分隔输入"框中输入逗号分隔的RGB值，如: 66,185,131
- 或在"RGB分别输入"框中分别输入R、G、B值（0-255）
- 或使用RGB进度条直观地调节颜色值
- 点击"转换"按钮或直接按回车键进行转换
- 查看转换结果和颜色预览
- 点击"复制"按钮将HSL颜色值复制到剪贴板
注意事项
- RGB值的范围是0-255，超出范围的值将被视为无效
- 使用进度条调节时，输入框的值会自动更新
- 任何输入方式的变化都会实时更新其他输入方式
颜色知识
RGB颜色模式
RGB颜色模式是一种加色模式，通过红(Red)、绿(Green)、蓝(Blue)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色。
每个颜色通道的取值范围是0-255，其中0表示没有该颜色，255表示该颜色的最大值。
HSL颜色
HSL是一种更直观的颜色表示方法，通过色相(Hue)、饱和度(Saturation)、亮度(Lightness)三个参数来描述颜色。
色相(H)的取值范围是0-360度，饱和度(S)和亮度(L)的取值范围是0-100%。
示例
红色: RGB(255, 0, 0) → HSL(0, 100%, 50%)
绿色: RGB(0, 255, 0) → HSL(120, 100%, 50%)
蓝色: RGB(0, 0, 255) → HSL(240, 100%, 50%)
白色: RGB(255, 255, 255) → HSL(0, 0%, 100%)
黑色: RGB(0, 0, 0) → HSL(0, 0%, 0%)