🎨 HSL 颜色调节
240
70%
50%
hsl(240, 70%, 50%)
#2b2bd4
什么是HSL颜色选择器
HSL颜色选择器是一款免费在线工具。无需安装或注册,输入色相 Hue、饱和度 Saturation即可在浏览器中直接使用。色相 Hue、饱和度 Saturation等输入仅在本地处理,不会上传到任何服务器。
使用场景
- 日常工作中需要快速计算相关数值时
- 学习或教学中验证计算结果是否正确
- 移动设备上临时需要计算,不想安装专用软件
- 需要快速对比不同参数下的计算结果
工具特点
- 完全免费:无需注册、无使用次数限制、无隐藏费用
- 隐私安全:所有计算在浏览器本地完成,数据不上传服务器
- 跨平台:支持Windows、Mac、Linux、iOS、Android
- 零依赖:无需安装插件或软件,打开网页即用
HSL颜色选择器准确吗?
本工具的计算逻辑基于标准数学公式和行业规范,结果准确可靠。
使用HSL颜色选择器需要联网吗?
首次打开页面需要联网加载,页面加载完成后即可离线使用。
我的数据会被记录吗?
不会。本工具没有任何后端服务器,您输入的所有数据仅存在于浏览器内存中。
HSL颜色选择器的计算逻辑
本工具的核心计算逻辑:
a= s * Math.min(l, 1 - l)f= n => { const k = (n + h/30) % 12c= l - a * Math.max(Math.min(k-3,9-k,1),-1)
色相 Hue (0-360)等参数详解
- 色相 Hue (0-360)
- 饱和度 Saturation (0-100%)
- 亮度 Lightness (0-100%)