🎨 配色方案生成器
生成完整配色方案:主色、辅助色、强调色和中性色——全部在浏览器中运行,即时完成。
关于配色方案生成器
这个工具可以根据单个基础色构建完整的调色板。选择起始色和方案类型,生成器会用 HSL 色彩数学推导出主色阶、辅助色、强调色、中性色调以及背景/表面色。点击任意色块即可复制其十六进制值。
方案类型
- 单色——改变基础色相的亮度,营造平静、统一的调色板。
- 互补色——基础色与其色轮对侧色搭配,对比度高。
- 类比色——使用基础色 ±30° 的色相,色彩和谐相邻。
- 三元色——三个相隔 120° 的色相,活泼均衡。
- 四元色——±90° 和 ±180° 四个色相,调色板丰富。
- 自定义——基于基础色混合色阶和强调色。
使用方法
- 用取色器选择基础色。
- 从下拉菜单选择方案类型。
- 点击生成构建调色板,或随机随机一个基础色。
- 点击任意色块复制其十六进制值,或全部复制获取完整列表。
常见问题
用的是什么色彩空间? 颜色在 HSL(色相、饱和度、亮度)中生成,再转换为十六进制以便显示和复制。
这些颜色可访问吗? 生成器力求对比度可读,但文本使用时务必验证 WCAG 对比度。
可以商用这些调色板吗? 可以。生成的调色板归你自由使用。