色彩明暗
免费在线使用 色彩明暗 无需安装即可使用工具
关于色彩淡色与深色
此工具通过将基础颜色的 HSL 亮度分别向 100% 和 0% 逐级调整,生成淡色(更浅的变体)和深色(更深的变体)。你可以选择步数(5-20),点击任意色块即可复制其十六进制值。淡色保持色相和饱和度不变并提高亮度;深色则降低亮度。
使用方法
1. 通过取色器或十六进制输入选取基础颜色。 2. 将步数滑块设置在 5 到 20 之间。 3. 淡色卡片显示更浅的变体(每个都标注了十六进制值和步数百分比);深色卡片显示更深的变体。 4. 点击任意色块即可复制其十六进制值;勾号图标会确认复制成功。
生成算法
基础颜色会被转换为 HSL。对于 N 步中的第 i 步,淡色设置 `L = baseL + (100 - baseL) * (i / N)`,深色设置 `L = baseL - baseL * (i / N)`,色相和饱和度保持不变。百分比标签为 `round((i / N) * 100)`,表示在渐变中的进度位置,而非亮度值。生成的 HSL 会转换回 RGB,再转换为十六进制以供显示。
▶每个色块上的百分比代表什么?
它是步数索引除以总步数再乘以 100。表示在渐变中的位置(例如 10 步中的第 5 步 = 50%),而不是该色块的 HSL 亮度值。
▶为什么色相和饱和度保持不变?
算法只修改亮度,以保持色彩家族在感知上的一致性。如果调整色相或饱和度,会改变颜色本身,而不仅仅是变浅或变深。
▶可以一次复制多个颜色吗?
不可以。每次点击只能复制单个色块的十六进制值,并显示勾号图标 1.5 秒。需要多次点击才能收集多个值。
▶如果输入了无效的十六进制值会怎样?
如果十六进制值无法解析为 RGB,则不会计算 HSL,并且在输入有效的 6 位十六进制值之前不会渲染淡色和深色卡片。
如果这个工具对你有帮助的话,请考虑请我喝杯咖啡。
请给我买杯咖啡吧。