颜色 A
混合结果
混合比例（偏向 B）
A 50% : B 50%
颜色 B
混合色彩信息
#A8E6CF
HEX
rgb(168,230,207)
RGB
hsl(159,58%,78%)
HSL
预设配色
使用说明
选择两种颜色并拖动混合比例滑块，实时查看线性混合后的 HEX、RGB 与 HSL 值；也可点击预设配色快速载入常用双色组合。
- 点击颜色 A 或 B 色块打开取色器，或在下方输入框直接输入 HEX 色值。
- 拖动中间滑块调整混合比例，数值越偏向 B 则结果越接近颜色 B。
- 查看下方混合色彩信息区的 HEX、RGB、HSL 读数。
- 点击预设配色按钮可一键载入经典双色组合并重置为 50:50 混合。
数据均在浏览器本地处理，不会上传到服务器。