1. 在【色彩1】和【色彩2】面板，使用拾色器选取颜色，也可手动输入HEX色码或者点击下方预设色块快速选色。

2. 在下拉菜单选择混色模式：RGB均匀混合适合基础双色插值；HSL色相混合适合保色调色；正片叠底、滤色叠加模拟PS图层混合效果，做设计图层配色预览。

3. 拖动混合比例滑块，调整两个颜色的权重占比，页面实时刷新混合结果与渐变预览。

4. 结果区域自动输出HEX、RGB、HSL三种CSS可用色值，点击单个色值可复制，也可一键复制全部色值直接粘贴到前端代码或设计软件。

本在线色彩混合器完全免费使用，无复制次数限制，无需登录，可用于网页配色调试、UI界面色彩融合、品牌配色测试、两种颜色融合模拟，是前端开发、平面设计师常用的色彩混合工具。