色板生成器

如何使用 色板生成器

1. 用取色器选择一个基色,或直接输入十六进制色值。
2. 选择邻近、单色或互补的和谐模式。
3. 把整组色板复制为可直接使用的 CSS 变量,也可以逐个复制色值。

常见用途

• 为个人项目快速配一套协调的颜色,而不是随手乱选。
• 围绕客户 Logo 的主色搭建一套品牌色板。
• 从一个界面主色推导悬停、按下和弱化状态色。
• 收集 CSS 自定义属性,作为设计 token 的第一版草稿。

使用前须知

• 和谐色由算法生成,用于文字前务必另行校验对比度。
• 生成的色板只是起点,不等于一套完整的设计系统。
• 基色过深或过浅时,可用明暗阶梯的范围会被压缩。