UTILS.
100% 浏览器内运行

配色方案生成器

从任意基准色生成互补色、邻近色、三角色和四角色配色方案。

点击任意色块即可复制其 HEX 值。

关于此工具

选择一个基准色,立即获得和谐的配色方案,全部在浏览器中通过在 HSL 空间内旋转色相完成计算。

常见问题

配色方案是如何计算的?
基准色会被转换为 HSL,并旋转其色相——互补色旋转 180°,邻近色旋转 ±30°,三角色旋转 ±120°,四角色则按 90° 递增。
如何复制颜色?
点击任意色块,即可将其 HEX 值复制到剪贴板。

更多工具