色阶生成器
基于主色生成 10 级色阶 (50~950)，适用于 UI 设计
已验证可用
最后更新：2026-09-17
使用指南
色阶说明\n\n- 50: 最浅\n- 500: 主色\n- 950: 最深\n- 常用于 Tailwind CSS 配色
常见问题
支持哪些颜色格式？
支持 HEX、RGB、RGBA、HSL、HSLA、HSV、CMYK 等主流颜色格式的互相转换。
配色方案是如何生成的？
基于色彩学理论（互补色、类似色、三角分割等）自动生成和谐配色组合。
对比度检测符合 WCAG 标准吗？
是的，严格按照 WCAG 2.1 标准检测文本与背景的对比度是否达标。
颜色工具 — 全部工具
调色板生成器对比度检测器CSS 渐变生成器颜色混合器随机颜色生成渐变文字CSS颜色动画CSS品牌色速查颜色混合精选调色板对比度检查器随机调色板颜色命名柔和色生成霓虹色生成大地色系单色系生成WCAG合规从图片取色色彩和谐方案调色板提取渐变网格生成色盲友好检测配色方案渐变生成器色盲模拟色彩心理图片取色颜色名称查询CSS 变量生成色阶生成HSL 调整
查看颜色工具全部 → 这个工具有帮助到你吗？
做毕设遇到困难？
去毕小达看看 → 毕小达 — 大学生毕设辅导、代码调试、论文指导、格式转换一站式解决
学习工作之余，来一把益智竞技？
去竞由网免费开玩 →