颜色深浅生成器
围绕一个基准色生成从亮到暗的连续色阶,用于设计令牌与状态色。
基准颜色
亮暗色阶
输入与输出示例
#0F766E11 个亮暗色阶如何使用
- 输入基准 HEX 色。
- 调整色阶数量。
- 复制单个色阶或 CSS 变量。
能力与限制
- 浏览器本地处理
- 色阶通过与白色、黑色混合生成。
- 不替代针对特定品牌色的人工无障碍评估。
常见问题
- 色阶可直接作为设计令牌吗?
- 可以作为初始令牌,建议再针对文字和背景组合检查对比度。
相关指南
颜色格式与对比度:从 HEX 到可读的界面配色 ↗相关工具
更新于 2026-10-17 · 项目与反馈说明