三角配色方案生成器

选择一种基础色,即可立即得到三角配色方案:三种颜色在色相环上彼此相隔 120°,对比鲜明而又保持平衡。完全在本地计算,不会向任何服务器发送数据。

示例:

工作原理

在色相环上,三角配色把三种彼此相隔固定 120° 的颜色组合在一起。这是平面设计和品牌设计中的经典方案:它比单色配色更丰富,又比随意挑选的颜色组合更和谐。输入或选择一种基础色,工具会自动计算另外两种色相,并保持相同的饱和度和明度。

为什么恰好是 120°?

色相环共有 360°。把它平均分成三份(360 / 3 = 120),就能得到三种彼此距离最远、又遵循同一旋转规律的颜色,既保证鲜明的对比,又不会产生视觉上的冲突。

什么情况下适合使用三角配色?

这种方案适合希望脱颖而出的界面(品牌形象、插画、需要区分多个类别的数据可视化)。用于网页界面时,通常把一种颜色作为主色,另外两种则少量用作点缀。

100% 本地处理:颜色计算直接在您的浏览器中完成,不会传输任何数据。