设计工具
颜色选择器
选择并提取 HEX、RGB、HSL 颜色值
设计工具
颜色混合器
按比例混合两种颜色，输出 HEX/RGB/HSL
工具面板
关于颜色混合器
按比例在 sRGB 通道上线性混合两种颜色，同时给出 HEX、RGB、HSL 三种写法，点一下即可复制。
- 1
在 RGB 空间做线性插值：结果按权重逐通道相加（0% 是 A、100% 是 B），滑杆实时更新，同时给出 HEX 与 HSL。
- 2
因为混的是 RGB 而不是 Lab 或 OKLab，同一组颜色在这里的结果会和设计软件里的「混合」略有差别——那些软件多在感知均匀空间里混合，中间调更亮。
- 3
比例是精确的权重比，不是「叠加第二层颜色」：50% 是两者等权，不是 A 上叠 50% 透明度的 B。
- 1
选两个颜色
默认给了一组对比色，点色块可换。
- 2
拖滑杆调比例
左侧百分比是 A 的权重，右侧是 B 的。
- 3
复制结果
HEX 与 HSL 都可复制，粘进 CSS 直接用。
因为混合空间不同。这里在 RGB 里线性插值，设计工具通常用 Lab 或 OKLab；后者中间调更亮、饱和度保持得更好。要复现设计软件的结果，需要按同样的色彩空间计算。
不是。这里是对两色等权相加；而半透明叠加还要考虑 A 是否透出以及背景色，两者只在 A 不透明、背景为 B 时才接近。