加深/提亮颜色
用滑块调整任意颜色的明度,即刻预览更深或更浅的色调,并附带完整的步进色带。
结果
#3c83f6
步进
选择一个基础色,拖动滑块通过调整 HSL 明度来加深或提亮它,同时保持色相和饱和度不变。一条预设步进色带一目了然地展示完整范围,全部在你的浏览器中即时计算。
使用方法
- 选择或输入一个基础色。
- 向左拖动滑块加深,向右拖动提亮。
- 复制生成的十六进制代码,或从下方色带中选取一个步进。
常见问题
- 颜色是如何调整的?
- 工具将你的颜色转换为 HSL,按所选百分比上调或下调明度值,然后再转换回十六进制。
- 为什么色相保持不变?
- 只改变明度,因此底层的颜色系(色相)和鲜艳度(饱和度)得以保留,从而获得自然的色调或色晕。
- 我能一次获得多个色调吗?
- 可以,滑块下方的步进色带显示从 -80% 到 +80% 的九个预设调整,点击即可应用。