Elysia Tools
导航
Design
调整颜色亮度并创建明暗变化版本
执行
填写表单、运行工具，并在同一页面查看结果。
案例
相关内容
等待运行
工具使用指南
颜色明暗调节器是一款专业的在线色彩工具，旨在帮助设计师和开发者快速调整颜色的亮度，并生成精确的明暗变化版本或渐变序列，从而轻松构建和谐的配色方案。
背景
设计师需要为一套深蓝色按钮设计悬停效果，要求悬停时颜色比原色稍亮。
问题
手动调整颜色容易导致色相偏移，难以保持视觉统一。
如何使用
输入基础颜色 #4A90E2，选择“变亮”模式，调节量设置为 15%。
baseColor: #4A90E2, adjustmentType: lighten, adjustmentValue: 15结果
快速获得了一个视觉上更亮但色相一致的悬停色，确保了交互反馈的自然感。
背景
开发人员需要为项目构建一套包含 10 个层级的品牌色阶，用于背景、边框和文字。
问题
手动计算 10 个层级的颜色数值非常繁琐且容易出错。
如何使用
选择“渐变（全范围）”模式，设置步数为 10，并开启“保持相对饱和度”。
baseColor: #4A90E2, adjustmentType: gradient, steps: 10, preserveSaturation: true结果
一键生成了从深到浅的 10 个颜色序列，直接复制即可用于 CSS 变量定义。
可以，勾选“包含互补色”选项，工具会在调整亮度的同时自动计算并展示对应的互补色。
渐变步数支持在 2 到 20 之间进行设置，以满足不同精细度的配色需求。
正值表示增加亮度（变亮），负值表示降低亮度（变暗），范围支持 -100% 到 +100%。
开启此选项后，在调整亮度时会尽量维持颜色的原始饱和度感，防止颜色在变亮或变暗时出现灰化。
工具支持标准的十六进制（Hex）颜色输入，并能输出对应的色彩数值。