如何按比例混合两个颜色并查看结果

先了解输入和结果

这个颜色混合工具用于把两个颜色值组合起来，并按比例查看混合结果。它适合在设计配色时快速比较不同混合程度，也能同时查看混合、正片叠底和滤色三种十六进制结果，以及混合结果的 RGB 表示。输入可以使用带井号的十六进制文本，包括三位写法，也可以使用包含 rgb(...) 模式的文本。

按比例混合两个颜色

1. 在第一个颜色输入框中填写颜色值，例如 #ff0000；在第二个输入框中填写另一个颜色值，例如 #0000ff。也可以尝试三位十六进制写法，或包含三个非负整数通道的 rgb(...) 文本。
2. 输入混合比例。比例会先转换为数字，并限制在 0 到 1 的范围内。若转换因类型或数值格式问题失败，比例会回到 0.5。
3. 执行计算。若省略颜色和比例，第一个颜色默认为 #ff0000，第二个颜色默认为 #0000ff，比例默认为 0.5。
4. 查看结果。两个颜色都能解析时，记录混合、正片叠底和滤色的十六进制颜色，并查看混合结果的 RGB 值。若输入无法识别，结果会进入错误提示分支，而不是提供计算出的颜色值。

如何解读结果及其边界

比例可以理解为从第一个颜色向第二个颜色移动的程度：0 表示插值从第一个颜色开始，1 表示移动到第二个颜色，介于两者之间的数值表示中间位置。工具会分别处理每个颜色通道，并对输出通道进行四舍五入；十六进制通道还会限制在 0 到 255 的范围内。因此，成功结果中的十六进制值是小写的六位格式，RGB 结果则采用 RGB 表示。

需要注意，能识别的输入范围并不是任意颜色名称或任意颜色语法。带井号但格式损坏的十六进制文本，还可能在十六进制转换阶段直接失败，而不一定进入普通的无效输入提示分支。

使用示例

设计师想比较红色与蓝色以相同比例混合后的颜色，并同时查看不同计算方式的结果。

将 #ff0000 和 #0000ff 作为两个颜色输入，使用 0.5 作为比例并执行计算，然后查看四类输出。

成功后会得到混合、正片叠底和滤色的六位小写十六进制值，以及一个 RGB 格式的混合值。

使用限制

• 工具不接受任意颜色名称或任意颜色语法；带井号但格式损坏的十六进制文本还可能在解析时直接失败。

常见错误

• 如果把颜色名称或不符合支持格式的文本直接填入，解析可能失败。请改用带井号的十六进制文本、三位十六进制文本，或包含三个非负整数通道的 rgb(...) 文本；带井号的损坏十六进制文本应改为有效格式后再试。

常见问题

支持哪些颜色格式？

可以使用带井号的十六进制文本，包括三位写法；也可以使用包含三个非负整数通道的 rgb(...) 文本。颜色名称不在已说明的支持范围内。

混合比例应该如何填写？

比例会被转换为数字并限制在 0 到 1 之间；如果转换因类型或数值格式问题失败，则使用 0.5。

成功计算后会显示什么？

两个输入都成功解析时，结果包含混合、正片叠底和滤色的六位小写十六进制值，以及混合结果的 RGB 值。