Toolzy

加深/提亮颜色

用滑块调整任意颜色的明度,即刻预览更深或更浅的色调,并附带完整的步进色带。

结果
#3c83f6

步进

选择一个基础色,拖动滑块通过调整 HSL 明度来加深或提亮它,同时保持色相和饱和度不变。一条预设步进色带一目了然地展示完整范围,全部在你的浏览器中即时计算。

使用方法

  1. 选择或输入一个基础色。
  2. 向左拖动滑块加深,向右拖动提亮。
  3. 复制生成的十六进制代码,或从下方色带中选取一个步进。

常见问题

颜色是如何调整的?
工具将你的颜色转换为 HSL,按所选百分比上调或下调明度值,然后再转换回十六进制。
为什么色相保持不变?
只改变明度,因此底层的颜色系(色相)和鲜艳度(饱和度)得以保留,从而获得自然的色调或色晕。
我能一次获得多个色调吗?
可以,滑块下方的步进色带显示从 -80% 到 +80% 的九个预设调整,点击即可应用。

相关工具