色板生成器
基于色彩理论从任意基色生成和谐配色方案。
:root {
--palette-1: #3b82f6;
--palette-2: #f6af3c;
}| 配对 | 比例 | WCAG AA |
|---|---|---|
#3b82f6/#f6af3c | 1.95:1 | 不通过 |
关于色板生成器
色板生成器基于色彩理论原理创建和谐的颜色组合。从基础颜色出发,它使用 HSL 色轮计算相关颜色:互补色(对面)、类似色(相邻)、三色组(间隔 120°均匀分布)、分裂互补色(对面邻近)和单色调(相同色相,不同明度)。
如何使用
使用颜色选择器选取基础颜色或输入 HEX 代码。从标签中选择色板类型。生成器会即时显示相关颜色及其 HEX 值。点击任意色块即可将其 HEX 代码复制到剪贴板。
常见使用场景
- 设计专业的网站配色方案
- 为营销材料创建品牌色板
- 为演示和图形设计寻找互补色
- 探索室内设计项目的色彩和谐
- 为 UI 设计生成可访问的颜色组合