颜色混合器

按任意比例混合两种颜色并复制结果 — 在浏览器中运行。

A50%B
混合后的颜色

混合两种颜色并获得精确的混合结果

选择两种颜色,拖动滑块设置每种颜色在混合中所占的比例,即可立即看到生成的十六进制代码。滑块从0%(全部为颜色A)到100%(全部为颜色B);中点为均匀的50/50混合。大色块会随调整实时更新,点击复制按钮即可将十六进制值复制到剪贴板,可直接粘贴到CSS、设计工具或调色板中。

混合采用RGB空间中简单的逐通道线性插值计算:红、绿、蓝三个通道分别按所选比例求平均并四舍五入到最接近的整数。这与大多数设计软件用于基础双色混合的算法相同。所有操作均在浏览器本地完成 — 任何颜色或数值都不会被上传。

常见问题

比例滑块的作用是什么? 它设置颜色B混入颜色A的比例。0%时得到纯颜色A,100%时得到颜色B,50%时得到两者的均等混合。

颜色是如何混合的? 每个RGB通道按所选比例在两种颜色之间线性插值并四舍五入,因此结果是由滑块加权的平均值。

为什么红色和蓝色混合得到紫色而不是棕色? 此工具像屏幕一样混合光(加法RGB),所以红蓝混合为紫色。颜料的物理混合是减法的,表现不同。

相关工具

热门工具