颜色混合

Free

图片

通过可调节的平衡混合两种颜色，可选择简单RGB、伽马校正或HSL混合方式。

第一种颜色

第二种颜色

余额 50%

混合模式

混合渐变(0% 到 100%)

此工具的功能

将两种颜色混合并显示结果颜色,可调节两者之间的平衡,并可选择三种混合方法:简单 RGB 平均、伽马校正(线性光)混合,或通过色相和饱和度进行 HSL 混合。

工作原理

每种颜色首先从十六进制转换为红、绿、蓝值(0-255)。简单 RGB 模式直接对每个通道进行线性插值:结果 = 颜色1 + (颜色2 - 颜色1) × 平衡值。伽马校正模式首先使用标准 sRGB 传递函数将每个通道从屏幕显示的 sRGB 值转换为线性光,在该线性空间中插值,然后再转换回来,这与光的物理混合方式一致,并避免了人为的暗中点。HSL 模式将两种颜色都转换为色相/饱和度/明度,通过最短角度路径在色轮上对色相进行插值(因此能正确环绕,例如将接近 350° 的色相与接近 10° 的色相混合会经过 0°,而不是绕远路经过 180°),正常地对饱和度和明度进行插值,然后将结果转换回 RGB。

解决的问题

为渐变、主题调色板或设计系统查找中间色,而无需手动猜测十六进制值。
比较同样两种颜色在不同混合方法下的效果,因为混合颜色的"正确"方式取决于你在制作什么。
在选择渐变节点之前,一目了然地预览两种品牌色或界面色之间的完整渐变。

常见问题

›我应该使用哪种混合模式?

简单 RGB 适合快速、可预测的混合,与大多数基础工具的做法一致。当你想要一种在物理上看起来自然的混合效果时,伽马校正是更好的选择,尤其是在深色和浅色之间混合时,因为它避免了简单 RGB 平均产生的浑浊、过暗的外观。当你想要更接近混合颜料或涂料的效果(红色和绿色偏向黄色而非暗淡的棕色)时,值得尝试 HSL。

›为什么在"简单 RGB"中混合黑白得到的灰色比在"伽马校正"中更深?

简单 RGB 直接对原始的 0-255 数值取平均值,因此 50% 黑白正好得出 127.5,即中灰色。伽马校正会先将两种颜色转换为线性光(撤销屏幕所期望的 sRGB 伽马曲线),在该空间中取平均值,然后再转换回来,这会产生明显更亮的结果(约 188),因为存储的颜色值中相等的步进并不对应感知亮度中相等的步进。

›"平衡"滑块的作用是什么?

它设置两种颜色之间的权重:0% 表示 100% 第一种颜色,100% 表示 100% 第二种颜色,50% 是均匀混合。移动它可以预览混合过程中的任意点,而不仅仅是中点。

›为什么 HSL 混合有时会产生令人意外的颜色,比如红色和蓝色通过紫色混合,而红色和绿色却通过黄色混合?

HSL 混合是在 360 度色轮上,沿两个色相之间的最短路径对色相角进行插值,而不是直接对红、绿、蓝值取平均值。红色(0°)和绿色(120°)在色轮上相对较近,途经黄色(60°),这就是为什么混合结果偏向黄色,而不是像简单 RGB 平均那样变成暗淡的棕色。

›这个工具支持透明度或 alpha 值吗?

不支持,它混合的是两种完全不透明的颜色。如果你需要将一个半透明颜色叠加在另一个颜色上(alpha 合成),这是与混合两种纯色不同的操作,需要专用工具。

颜色混合

最近活动

评论 (0)

此工具的功能

工作原理

解决的问题

常见问题

相关工具

图像RGB通道

SVG转换查看器

海报制作工具

为图片添加线条