Elysia Tools
导航
Design
通过添加黑色生成颜色的深色变化，为设计提供深度和对比度
执行
填写表单、运行工具，并在同一页面查看结果。
等待运行
案例
相关内容
工具使用指南
阴影色生成器是一款专业的设计辅助工具，通过在基础颜色中添加黑色或调整色彩空间参数，快速生成一系列深浅不一的阴影变化，帮助设计师轻松构建具有深度和视觉对比度的配色方案。
背景
设计师正在为一套 SaaS 系统设计按钮，需要为品牌主色 #FF6B6B 生成一个合适的悬停（Hover）深色。
问题
手动调整颜色容易导致色调不统一，且难以快速预览多种深浅变化。
如何使用
输入基础颜色 #FF6B6B，选择“线性”阴影方法，设置阴影数量为 3，强度为 0.3。
baseColor: #FF6B6B, shadeMethod: linear, shadeCount: 3, intensity: 0.3结果
生成了三组比原色更深的颜色，设计师从中挑选了最合适的一款作为按钮悬停状态，确保了视觉的一致性。
背景
开发人员需要为图表生成一组从浅到深的色阶，以表示数据的不同权重。
问题
需要精确的色值序列来保证图表的可读性和美观度。
如何使用
使用“LAB色彩空间”方法，设置阴影数量为 5，步长分布选择“指数”，并勾选显示 HEX 和 RGB 代码。
baseColor: #3498db, shadeMethod: lab, shadeCount: 5, stepType: exponential结果
获得了一组平滑过渡的深色序列，直接复制 HEX 代码应用到图表库中，实现了专业的视觉效果。
阴影方法决定了颜色变暗的算法。例如，线性方法直接添加黑色，而 LAB 或 HSL 方法则在特定的色彩空间内调整亮度，能产生更自然的视觉过渡。
步长分布决定了颜色变暗的速率。指数分布会让颜色在后期变暗更快，而对数分布则在初期变化更明显，适合不同的视觉需求。
可以，通过设置“阴影强度”参数，您可以控制生成的颜色最大暗度，或者使用“自定义步长”输入具体的数值序列。
工具会直接在页面展示生成的颜色，并提供 HEX、RGB 和 HSL 代码，方便您直接复制到设计软件或代码中使用。
完全可以，生成的 HEX 和 RGB 代码可以直接粘贴到 CSS 样式表中作为背景色、边框色或阴影颜色使用。