设计
色彩明暗生成器
生成任意颜色的深浅色。
构建调色板
生成固定的感知均匀 50–950 设计系统色阶或自定义浅色/深色色阶，然后复制 CSS 自定义属性或下载 JSON。
常见问题
什么是淡色和深色？
浅色调是更亮的变体，深色调是更暗的变体。本工具调整感知 OKLCH 明度和色度，而不是对编码后的 sRGB 通道进行插值。
如何复制颜色？
点击任意色块复制其 HEX 值。使用“复制 CSS 变量”或“下载 JSON”导出完整色阶。
这有什么用途？
从单一品牌色创建调色板和设计系统色阶，可导出为 CSS 自定义属性或 Tailwind 风格 token。
最后更新: