为什么红加绿在屏幕上得到黄色，而画画时红加绿是脏褐色？

屏幕发光遵循加色模型（RGB）：红光加绿光刺激红绿两种视锥细胞，视觉上就是黄色。颜料反射光遵循减色模型：红色颜料吸走绿蓝光，绿色颜料吸走红光，混合后大部分光被吸收，所以发暗发脏。本工具的 RGB 模式模拟屏幕，RYB 模式模拟颜料。

三种混色规则应该怎么选？

做屏幕显示、光效、渐变动画用 RGB 加色；模拟画画调 pigment、做教育演示用 RYB 传统颜料；希望中间色保持鲜艳不灰暗（如 UI 主色到辅色的过渡带），用 HSL 沿色轮弧线插值。

可以。混合色与 21 档混色渐变的每一档都输出标准 HEX / RGB / HSL 值，点击即可复制，可直接粘贴进 CSS 或设计稿标注。

选择两个颜色，按 RGB 加色、传统颜料 RYB 或 HSL 弧线规则混合，实时得到中间色与混色渐变。

拖动比例滑杆实时混合两个颜色，下方渐变条展示 21 档中间色。

颜色 A

颜色 B

混合比例 A 50% · B 50%

#925F85

#925F85

rgb(146, 95, 133)

hsl(315, 21%, 47%)

点击渐变条上的任意一档即可复制该中间色；规则切换会同时改变渐变条的插值方式。

加色混合与颜料混合有什么区别？

屏幕是三束光叠加的加色模型：红 + 绿 = 黄、红 + 蓝 = 品红、绿 + 蓝 = 青，三色齐备得到白。颜料是吸收光谱的减色模型：每多调进一种颜料，被吸收的光就更多，颜色变暗变灰。同一个「红加绿」，在屏幕上得到明亮的黄，在画板上得到浑浊的褐——所以本工具把两种规则分开提供。

RYB 模式是怎么算出来的？

先把 sRGB 颜色换算进传统的 RYB 色彩立方（红-黄-蓝三轴，对应美术色环），在 RYB 空间内按线性内插混合，再换算回 sRGB 输出。这样「红 + 黄 = 橙」「蓝 + 黄 = 绿」这些画画常识才会成立，纯 RGB 插值是做不到的。

HSL 弧线混合有什么优势？

RGB 直线插值经过低饱和区域，混合蓝和橙时中段会发灰；HSL 模式沿色轮最短弧线插值色相，饱和度和明度也按弧线补偿，中段颜色保持鲜艳，适合做 UI 里两个品牌色之间的过渡带。

混合是精确的吗？为什么复制回来会有微小差异？

插值计算在浮点空间完成，输出时四舍五入到整数通道，误差在 ±1/255 以内，肉眼不可见。所有计算都在浏览器本地完成，颜色值不会上传到任何服务器。