颜色混合器：在线混合两种或多种颜色
颜色混合器是一款免费在线工具，可将 2 到 5 种颜色混合成单一的混合色。选好颜色、设定每种颜色的占比，结果便会以 HEX、RGB、HSL 实时更新。
它专为打磨品牌配色的设计师、调配数字颜料的画师，以及需要在两个色值之间确定精确 UI 色调的开发者而打造。由于每种颜色的比例和混合算法都由你掌控，你得到的是精准、可复现的混合结果，而非凭感觉猜测。
如何混合颜色
设定颜色
点击颜色预览块打开系统取色器，或直接在输入框中键入 #FF6B6B 之类的 HEX 色值。你也可以从配色方案列表中载入现成的颜色组合。
调整比例
拖动每种颜色的滑块来改变它的占比；所有比例之和始终为 100%。使用 50 - 50、30 - 70 或均分等比例预设即可一键分配。
选择混合模式
在 RGB（标准屏幕混色）、HSL（自然色相过渡）和 LAB（视觉平滑混合）之间切换。切换时混合色会随之重新计算。
复制结果
当混合效果满意时，点击 HEX、RGB 或 HSL 色值旁的复制按钮，即可将其直接复制到剪贴板。
功能特色
三种混合模式
以 RGB 进行线性屏幕混色，以 HSL 进行环形色相混合，或以 LAB 获得视觉均匀、更自然的效果。
混合 2 到 5 种颜色
从两种颜色起步，最多再添加三种。每种颜色都有独立的比例滑块，总和始终归一化为 100%。
精选配色方案
浏览随颜色数量自动匹配的现成组合：两色时显示双色方案，三色时显示三色方案，以此类推。
渐变预览
实时渐变条会贯穿每一种所选颜色，让你看清各颜色之间是如何相互流转的。
过渡色阶
使用两种颜色时，可看到从 10% 到 90% 的九级中间色调。点击某一阶即可设定该精确比例，悬停可查看其 HEX 色值。
交换与重置
交换前两种颜色以翻转混合方向，或一键将所有内容重置回默认颜色、比例与 RGB 模式。
比例预设
套用 50-50、30-70、70-30、25-75 等常用两色分配，外加把比例在所有颜色间平均分配的均分预设。
复制 HEX、RGB、HSL
同时以三种格式查看混合色，按需复制：HEX 用于网页，RGB 用于 CSS，HSL 用于设计工具。
常见问题
两种颜色混合在一起会得到什么颜色？
设定两种颜色、调整它们的比例，混合结果面板便会实时显示混合后的颜色。例如，在 RGB 模式下将红色和蓝色等量混合，会得到一种紫色。具体色调取决于比例和你选择的混合模式。
RGB、HSL 和 LAB 混合有什么区别？
RGB 对红、绿、蓝三个通道取平均——简单且非常适合屏幕颜色，不过互补色对可能会显得浑浊。HSL 混合色相、饱和度和明度，让色相沿色轮过渡，过渡更干净。LAB 在模拟人眼视觉的感知空间中混合，结果往往看起来最自然。不妨三种都试试，看你更喜欢哪种。
可以混合两种以上颜色并设定比例吗？
可以。点击添加颜色，最多可同时混合 5 种颜色。每种颜色都有独立的比例滑块，工具会让所有比例之和保持为 100%。用每种颜色的 X 按钮移除任意一种，即可减少颜色数量。
这是像调颜料（RYB）还是像屏幕混色（RGB）？
本工具采用加色屏幕模型混合——RGB、HSL 和 LAB——与颜色在显示器上的组合方式一致。这不同于减色的颜料混合（RYB）：颜料吸收光线，所以蓝色和黄色会调成绿色。对于数字设计，这里的 RGB 和 LAB 模式给出的，正是你在 CSS 和设计软件中实际会用到的色值。
为什么有 3 种或更多颜色时过渡色阶会消失？
过渡色阶展示的是恰好两种颜色在不同比例下的过渡。当有三种或更多颜色时，并不存在单一的一列色阶，因此工具会改为显示渐变预览，以呈现完整的混合效果。
结果会输出 HEX、RGB 和 HSL 吗？
会的。混合色会同时以 HEX、RGB 和 HSL 显示，每种格式都有自己的复制按钮。复制 HEX 用于网页，RGB 用于 CSS，HSL 用于设计工具。
我的数据会被保存或上传吗？
不会。每次混合都在你的浏览器本地完成，不会发送任何内容到服务器。颜色不会跨会话保存，因此请复制或收藏你想保留的 HEX 色值。
还没有评论，快来发表第一条！