颜色混合器
免费在线使用 颜色混合器 无需安装即可使用工具
关于颜色混合器
该工具使用四种混合模式之一混合两个十六进制颜色（颜色 A 和颜色 B）：normal（线性插值）、multiply（正片叠底）、screen（滤色）或 overlay（叠加）。比例滑块（0-100%）控制混合权重，结果显示为色板，附带 HEX、RGB 和 HSL 数值，以及一条从 A 到 B 的 11 个色阶的渐变预览。
使用方法
1. 使用颜色选择器或十六进制输入框设置颜色 A 和颜色 B（无效的十六进制值会回退为 #000000）。 2. 将比例滑块从 0%（全部为 A）拖动到 100%（全部为 B）。 3. 选择混合模式：normal、multiply、screen 或 overlay。 4. 从结果卡片复制结果的 HEX、RGB 或 HSL 字符串。
混合模式说明
Normal：在 RGB 空间中进行直接的线性插值 `c1 + (c2 - c1) * ratio`。Multiply：按通道执行 `c1 * c2 / 255` 后再插值。Screen：按通道执行 `255 - (255 - c1)(255 - c2)/255` 后再插值。Overlay：按通道执行，当基色低于 128 时使用 multiply，否则使用 screen，然后再插值。比例应用于原始颜色 A 与完全混合后的结果之间，因此 0% 始终等于颜色 A。
▶如果输入无效的十六进制值会怎样？
`isValidHex` 仅接受 6 位十六进制值（例如 #ff0000）。无效输入会静默回退为该颜色的 #000000，混合时会以黑色为基础进行计算。
▶混合是在 RGB 空间还是 HSL 空间进行？
Normal 模式下，混合是在 RGB 空间中线性进行的。Multiply、Screen 和 Overlay 也作用于 RGB 通道；HSL 仅用于显示结果，而非混合本身。
▶比例滑块实际控制什么？
它控制颜色 A 与所选模式下完全混合结果之间的插值权重。0% 时得到颜色 A；100% 时得到所选模式下 A 和 B 的完整混合。
▶渐变预览是否与结果色板匹配？
渐变由使用相同模式和颜色的 11 个均匀分布的样本（0% 到 100%）构建而成，因此色板对应于当前比例下的样本。
如果这个工具对你有帮助的话，请考虑请我喝杯咖啡。
请给我买杯咖啡吧。