颜色混合简介
将两种或多种颜色按一定比例混合,得到中间色。常用于渐变中间色、叠加效果或设计时推算「A 和 B 混在一起会是什么色」。
本工具支持输入多色及混合比例(或等比例),实时计算混合结果并显示 HEX/RGB 等,混合方式可为 RGB 线性混合或其它模型(如 CMYK、LAB),以工具支持为准。
linear-gradient(to right, #3B82F6, #527AE0, #6873CA, #7F6BB3, #95639D, #AC5B87, #C25471, #D94C5A, #EF4444)
将两种或多种颜色按一定比例混合,得到中间色。常用于渐变中间色、叠加效果或设计时推算「A 和 B 混在一起会是什么色」。
本工具支持输入多色及混合比例(或等比例),实时计算混合结果并显示 HEX/RGB 等,混合方式可为 RGB 线性混合或其它模型(如 CMYK、LAB),以工具支持为准。
输入或选择两种(或多种)颜色,格式可为 HEX、RGB 等。若支持多色,可依次添加并设置每种颜色的权重或比例。
设置各色占比(如 50% : 50% 或自定义比例),工具会按所选混合模型计算混合结果并显示色块与数值。
混合结果会实时更新;可复制混合后的 HEX/RGB 用于样式或继续与其他色再混合。若支持渐变预览,可查看多色渐变中某位置的色值。
常见为 RGB 通道线性混合(各通道分别按比例加权平均);部分工具支持在 LAB、HSL 等空间混合,视觉上可能更均匀,以工具说明为准。
以工具支持为准;若支持多色输入与权重,可得到多色混合结果;否则可先混两色,再将结果与第三色混合,多次使用达到多色效果。
不一样。本工具是数值上的颜色混合;mix-blend-mode 是图层混合模式,受叠加顺序与背景影响,二者用途不同。