HSL颜色查询工具
快速查询HSL颜色值，转换为十六进制、RGB等格式，并提供颜色预览和详细信息。
红色 绿色 蓝色 黄色 洋红 青色
查询历史
工具使用说明
基本操作
- 在输入框中输入HSL颜色值，格式如：hsl(210, 48%, 59%)
- 也可以直接输入三个值，如：210, 48%, 59%
- 使用颜色选择器直接选择颜色
- 点击"查询颜色"按钮查看颜色信息
复制功能
- 点击"复制"按钮复制对应的颜色值
- 支持复制HSL、RGB和十六进制格式
- 复制成功会有提示信息显示
历史记录
- 每次查询都会自动保存到历史记录
- 点击历史记录项可快速重新查询
- 最多保存10条最近的查询记录
- 可点击"清除历史记录"清空所有历史
使用技巧
- 使用颜色选择器快速选择相近颜色
- 点击示例颜色快速输入常用颜色
- 使用历史记录功能快速切换不同颜色
- 参考颜色信息理解色彩属性
注意事项
- 色相值必须在0到360之间
- 饱和度和亮度值必须在0%到100%之间
- 颜色选择器和HSL输入框会同步更新
- 历史记录保存在浏览器本地存储中
- 颜色名称仅供参考，可能不完全准确
HSL颜色说明
HSL颜色模式是通过色相(H)、饱和度(S)、亮度(L)三个维度来描述颜色。这种表示方法更符合人类对颜色的直观感知。
例如：hsl(0, 100%, 50%) 表示纯红色，hsl(120, 100%, 50%) 表示纯绿色，hsl(240, 100%, 50%) 表示纯蓝色。
颜色格式：
- HSL：hsl(色相, 饱和度, 亮度)，色相0-360°，饱和度和亮度0-100%
- RGB：rgb(红, 绿, 蓝)，每个值范围0-255
- 十六进制：#RRGGBB，每两位表示一个颜色分量
示例：
- 纯红色：HSL(0°, 100%, 50%) → 十六进制 #FF0000 → RGB(255, 0, 0)
- 纯绿色：HSL(120°, 100%, 50%) → 十六进制 #00FF00 → RGB(0, 255, 0)
- 纯蓝色：HSL(240°, 100%, 50%) → 十六进制 #0000FF → RGB(0, 0, 255)
HSL颜色模型特点：
- 色相(Hue)：表示颜色类型，如红色、黄色、蓝色等，取值范围0-360度
- 饱和度(Saturation)：表示颜色纯度，0%为灰色，100%为完全饱和
- 亮度(Lightness)：表示颜色明暗程度，0%为黑色，100%为白色，50%为正常颜色