首页 三元色

三元色

拾取颜色,即时获取三元色调色板——色轮上旋转 120° 和 240° 的两个色相,100% 在浏览器中完成。

输入

输出

什么是三元色?

三元色是在色轮上均匀分布的三个颜色,构成等边三角形。每个颜色之间相隔 120 度色相旋转,因此没有两个颜色相邻。例如,如果基础色是色相 199° 的天蓝色,它的三元色伙伴位于 319°(洋红色)和 79°(黄绿色)。这三个颜色共同创造出充满活力又平衡的调色板。

三元配色是约翰内斯·伊滕描述的经典色彩调和模型之一。由于三个色相最大程度地分散开,它们提供了强烈的视觉对比,同时仍保持平衡感——每种颜色在色轮上具有相同的"权重"。设计师通常使用一种颜色作为主色,另外两种作为强调色。

三元色调色板的色彩理论

在 HSL(色相、饱和度、亮度)颜色模型中,色相通道以 0° 到 360° 的度数测量,沿着色轮走一整圈。三元色和谐通过取基础色相并加 120° 和 240° 来获得另外两个色相。饱和度和亮度保持不变,因此三个颜色共享相同的强度和亮度——只有色相变化。

由于人眼对色相、饱和度和亮度的感知相对独立,保持饱和度和亮度恒定可确保三个颜色感觉属于同一强度"家族"。结果是既鲜明对比又不会显得杂乱的调色板。

何时使用三元色

三元色调色板在需要活力和多样性又不牺牲和谐的场景中表现出色:

  • 活泼的品牌设计。 初创公司、玩具和儿童产品常使用三元配色来传达趣味和创意。
  • 插画和海报艺术。 三个间隔良好的色相给插画带来动感十足的视觉效果。
  • Web 应用仪表板。 一种三元色用于主要操作,另一种用于次要元素,第三种用于提醒。
  • 数据可视化。 三元色足够区分,适合分类图表。

如何查找三元色

本工具让您轻松查找三元色。所有操作在浏览器中本地运行——无需上传,无需注册。

  1. 选择基础色。 使用颜色选择器选择任意起始色相。
  2. 查看结果。 右侧面板即时显示基础色及其两个三元色伙伴(120° 和 240° 旋转)。
  3. 复制 HEX。 点击任意色块旁边的"复制"按钮,复制其 HEX 代码。

三元色配色方案

三元配色给您三种颜色,但您可以通过为每个色相生成色调和暗色来进一步扩展。例如,从蓝色、红黄色和黄绿色的三元色集开始,您可以为背景创建蓝色的较浅色调,为文字创建红黄色的较深暗色,并将黄绿色保持全饱和度用于行动号召按钮。

如何查找三元色?

取基础色在 HSL 模型中的色相,加 120° 和 240°。三个色相在色轮上构成等边三角形。本工具自动完成转换。

三元色和谐吗?

是的。三个色相以 120° 间隔均匀分布,提供最大对比度同时保持平衡感。

三元色方案有多少种颜色?

三元色方案恰好包含三种颜色:基础色和两个旋转 120° 和 240° 的色相。

这个三元色工具免费吗?

是的,完全免费,无需注册,无水印,无限制。所有处理在浏览器中本地完成。