颜色工作台

三角色彩生成器

在HSL色轮上生成两个间隔均匀的配色颜色。

三角色彩生成器: TOEA应用以下固定公式:配色 = 基准色相 + 120°和 + 240°。色彩计算在浏览器本地运行。 完全在浏览器中本地运行,文件不会上传到服务器。

使用次数
在浏览器中
费用
免费·无需注册
可用性
可直接使用
TOEA / 颜色引擎 01仅在浏览器中运行
输入表 / 01

颜色值

值会保留在此设备上。更改输入值后请重新计算。

结果表 / 02

三角色彩1

#EB2563

基准HEX
#2563EB
三角色彩2
#63EB25
调色板HEX值
#EB2563 #63EB25
计算公式配色 = 基准色相 + 120°和 + 240°
假设 / 使用前请阅读
  1. 结果是确定性的sRGB数学变换;显示效果取决于你的显示器和颜色配置文件。
  2. HEX输入接受#RGB或#RRGGBB表示法。数值会保留在浏览器中,不会上传。

平衡三种强烈色相

色轮上均匀分布的三种色相在饱和度相同时都会争夺注意力。通常的做法是让一种颜色占主导,第二种用于辅助区域,第三种只用于少量强调,常被描述为60-30-10分配。从纯红色开始会得到屏幕的红、绿、蓝三原色;低饱和度或较暗的基础色比明亮颜色更容易组成实用的配色方案。

纸面上亮度相同,眼睛看起来却不同

两个搭配色与基础色共享相同的HSL亮度值,但眼睛并不会将它们看作同样明亮:相同数值下,绿色和黄色看起来比蓝色和紫罗兰色亮得多。因此,即使数学上对称,三角色组也可能看起来不平衡。将每种颜色通过grayscale converter转换,查看它们实际的明度;然后使用tints或shades调整,直到整组颜色看起来均衡。

使用方法

  1. 输入有效的#RGB或#RRGGBB值,以及所需的百分比。
  2. 运行固定的浏览器本地色彩运算。
  3. 查看色板,并复制结果或调色板值。

隐私与限制

颜色值会保留在此设备上。对比度输出是数学检查工具,并不代表全面的WCAG合规保证;上下文、字体渲染、非文本对比度和用户界面状态仍需单独检查。

相关工具

常见问题

三角色板如何运作?

它使用配色 = 基准色相 + 120°和 + 240°。

接受哪些HEX格式?

请使用三位数#RGB或六位数#RRGGBB的sRGB表示法。不接受Alpha通道和命名颜色。

对比度结果能保证符合无障碍规范吗?

不能。这是针对所报告颜色和文本阈值的数学对比度检查工具,并不代表全面的合规保证。

免费工具·使用在浏览器中次·无需账户