颜色工作台
颜色混合器
按指定比例混合两种颜色，快速生成混合后的颜色值。
颜色混合器: TOEA应用以下固定公式：RGB = 第一种颜色 × (1 − 权重) + 第二种颜色 × 权重。颜色计算会在浏览器本地运行。 完全在浏览器中本地运行，文件不会上传到服务器。
- 类别
- 日常工具
- 使用次数
- 在浏览器中
- 费用
- 免费·无需注册
- 可用性
- 可直接使用
结果表 / 02
混合后的HEX
#926790
- 混合后的RGB
- rgb(146, 103, 144)
计算公式
RGB = 第一种颜色 × (1 − 权重) + 第二种颜色 × 权重假设 / 使用前请阅读
- 结果是确定性的sRGB数学变换；显示效果取决于显示器和颜色配置文件。
- HEX输入支持#RGB或#RRGGBB表示法。数值会保留在浏览器中，不会上传。
屏幕混色不同于颜料混色
混色器计算的是红、绿、蓝光的数值平均值，而不是颜料。蓝色#0000FF和黄色#FFFF00按50%混合后得到灰色#808080，而不是颜料盒中会得到的绿色。在sRGB中取平均值还会让高饱和度颜色之间的中间色比两端更暗、更沉。CSS使用color-mix(in srgb, #FF6B35, #2563EB 50%)也会得到相同结果；而该函数中的其他色彩空间，例如oklch，通常会产生更明亮的中间色。
计算透明覆盖层的颜色
具有不透明度的图层会显示自身与其后方内容的混合色，计算方式相同。先放置背景，再放置覆盖层，并将覆盖层的不透明度设为权重：在#1E293B上以70%不透明度显示的白色文本，其显示效果就是70%白色的混合结果。没有透明效果时，可以使用这个纯色结果，并在contrast checker中检查。
使用方法
- 输入有效的#RGB或#RRGGBB值，以及所需的百分比。
- 运行固定的、在浏览器本地执行的颜色运算。
- 查看颜色样本，并复制结果或调色板值。
隐私与限制
颜色值会保留在此设备上。对比度输出是数学检查结果，并不能全面保证符合WCAG；仍需检查具体使用场景、字体渲染、非文本对比度和用户界面状态。
相关工具
常见问题
颜色混合器如何工作？
它使用RGB = 第一种颜色 × (1 − 权重) + 第二种颜色 × 权重。
支持哪些HEX格式？
请使用三位数的#RGB或六位数的#RRGGBB sRGB表示法。不支持Alpha通道和命名颜色。
对比度结果能保证符合无障碍规范吗？
不能。这是针对所报告颜色和文本阈值的数学对比度检查工具，并不能全面保证符合规范。
免费工具·使用在浏览器中次·无需账户