UTILS.
100% 浏览器内运行

颜色混合器

按可调节的比例混合两种颜色,得到结果的 HEX 值。

拖动滑块,然后点击结果即可复制。

关于此工具

颜色混合器是一款免费的浏览器内工具,能以可调比例混合两种颜色并返回得到的 hex 代码。用原生取色器选一个起始色和一个结束色,然后拖动比例滑块(0 到 100 百分比)来设定混合从第一种颜色朝第二种走多远。

混合是通过对每个 RGB 通道做线性插值来计算的:0% 时结果等于第一种颜色,100% 时等于第二种,50% 是正中点。数值在 8 位 sRGB 中计算,四舍五入到整数通道值,并随你移动滑块或更改任一颜色,实时显示为一大块预览色板和一段可复制的 hex 字符串。

一切都在你的设备上运行——不上传、无账户、无跟踪——页面加载后即可离线使用。用它来找两个品牌色之间的中间色调、为渐变生成一个中间步进,或预览两种颜色组合后的效果。

常见问题

混合是怎么计算的?
红、绿、蓝三个通道各自在两种颜色之间按滑块位置加权做线性插值,然后四舍五入到最接近的 8 位值。0% 得到第一种颜色,100% 得到第二种。
如何复制结果?
点击得到的 hex 值,它就会被复制到你的剪贴板。
滑块的百分比是什么意思?
滑块以整百分比步长设定 0 到 100 的混合比例。0% 只显示第一种颜色,100% 只显示第二种,50% 是等量混合;这个数字表示结果朝第二种颜色移动了多远。
它支持透明度或其他颜色格式吗?
不支持。取色器使用原生的颜色输入,因此两种颜色都是不透明的 6 位 sRGB hex、没有 alpha 通道,混合也是在 gamma 编码的 sRGB 中进行,而非线性光空间。

更多工具