颜色混合器

关于本工具

颜色混合器在RGB空间中混合两种十六进制颜色，以0%到100%之间的任意比例生成平滑混合。渐变色阶显示两种颜色之间均匀分布的7个步骤。

RGB混合与浏览器合成颜色时执行的操作相同，在数学上精确且可预测。50%的混合颜色是RGB空间中两种颜色的真正中间点。

使用方法

1. 使用颜色选择器或直接输入十六进制代码选择两种颜色。
2. 使用预设按钮尝试经典颜色组合。
3. 拖动比例滑块调整混合。0%为颜色1，100%为颜色2。
4. 点击任意渐变色块或复制HEX按钮来复制颜色。

使用场景

UI设计师将品牌主色与白色或黑色混合，生成悬停、激活和禁用状态的可访问状态颜色。动效设计师为关键帧动画选择中间颜色。前端开发者无需图形编辑器即可生成渐变断点。

常见问题

• 这与CSS渐变相同吗？ — 是的。CSS linear-gradient默认也在sRGB中混合。此处显示的步骤与CSS渐变经过的中间点完全对应。
• 为什么红色和蓝色混合不会变成紫色？ — 在RGB中，红色(#ff0000)和蓝色(#0000ff)50%混合得到#7f007f（深洋红色）。鲜艳的紫色需要将红色与#8000ff这样的蓝紫色混合。
• 可以获得更多渐变步骤吗？ — 色阶始终显示7个步骤。使用比例滑块检查任意特定中间点。
• 支持透明度吗？ — 不支持，此工具仅适用于不透明的十六进制颜色。