配色方案生成器
用经典的色彩协调规则,把一个基础颜色变成一整套搭配。
如何使用 配色方案生成器
- 选择一个基础颜色。
- 选择一种配色关系(互补、类似、三分等)。
- 点击任意色块复制其十六进制值,或复制整套配色。
关于 配色方案生成器
配色方案生成器运用经典色彩理论关系,把一个基础颜色变成协调的五色组合。选择基础颜色,再选一种配色关系——互补、类似、三分、四分、单色或明暗色阶——它会通过在色轮上旋转色相并调整明度来计算搭配颜色。点击任意色块即可复制其十六进制代码,或一次性复制整套配色。
每种配色关系都有不同的感觉。互补色使用相对的色相形成高对比;类似色使用相邻色相带来平和统一的观感;三分色和四分色在色轮上均匀分布,带来平衡的多样性;单色和明暗色阶保持同一色相、改变明度,非常适合背景、边框和悬停状态。一切都在您的浏览器中计算,因此即时且不会上传任何内容。要微调单个值,可用十六进制转 RGB;做背景时可搭配CSS 渐变生成器。
常见问题
它是如何选择颜色的?
它把您的基础颜色转换为 HSL,再根据您选择的配色关系旋转色相并调整明度,这与设计师使用色轮的方式一致。
各种配色关系是什么意思?
互补色用相对色相形成高对比;类似色用相邻色相带来协调;三分色和四分色用均匀间隔的色相带来平衡的多样性;单色和明暗色阶保持同一色相、改变明度。
如何复制颜色?
点击任意色块复制其十六进制代码,或用"全部复制"把整套配色复制为逗号分隔的列表。
颜色是什么格式?
十六进制,如 #4F46E5。如需其他格式,可用十六进制转 RGB 工具把它们转换为 RGB 或 HSL。
它免费且私密吗?
是的。它完全在您的浏览器中运行,无需注册,也不会上传任何颜色或图片。

