彩色天线/ 阴影生成器
从底色中生成颜色图案和阴影
tools.colorTintShadeGenerator.title
tools.colorTintShadeGenerator.description
tools.colorTintShadeGenerator.clickToCopy
使用我们的色彩色调生成器生成色调和色调。从任何基色创建较浅的色调和较深的色调，以实现设计的一致性。
主要功能
✓
生成色调（较浅的变化）和阴影（较暗的变化）
✓
从单色自动生成调色板
✓
可调节强度和变化数量
✓
复制单个颜色或整个调色板
✓
颜色对比检查可访问性
✓
导出为 CSS 变量或 JSON
色彩色调生成器
1
选择基色
使用颜色选择器选择您的原色
2
生成调色板
该工具自动生成色调和阴影变化
3
查看变体
查看基色上方较浅的色调和下方较深的色调
4
复制颜色
单击各个颜色方块将十六进制代码复制到剪贴板
5
在设计中的使用
将调色板应用到您的设计系统中以获得一致的变化
使用场景
→
为状态（悬停、活动、禁用）创建 UI 组件颜色变化
→
从单一颜色构建全面的品牌调色板
→
开发具有适当对比度的易于理解的配色方案
→
为背景和按钮设计一致的渐变
常见问题
色调和阴影有什么区别？
基色的色调较浅（添加白色），色调较深（添加黑色）版本
产生了多少种变化？
通常从基色
生成 9 种色调和 9 种色调我可以调整强度吗？
是的，控制生成强度以创建微妙或极端的变化
变体是否适合可访问性？
该工具检查对比度并突出显示可访问的组合
Tool Information
分类
Palette 设计和颜色工具
类型
⚡ 在浏览器中处理
标签