颜色深浅生成器

围绕一个基准色生成从亮到暗的连续色阶,用于设计令牌与状态色。

基准颜色

亮暗色阶

输入与输出示例

#0F766E11 个亮暗色阶

如何使用

  1. 输入基准 HEX 色。
  2. 调整色阶数量。
  3. 复制单个色阶或 CSS 变量。

能力与限制

  • 浏览器本地处理
  • 色阶通过与白色、黑色混合生成。
  • 不替代针对特定品牌色的人工无障碍评估。

常见问题

色阶可直接作为设计令牌吗?
可以作为初始令牌,建议再针对文字和背景组合检查对比度。

相关指南

颜色格式与对比度:从 HEX 到可读的界面配色 ↗

相关工具

更新于 2026-10-17 · 项目与反馈说明