如何调色：RGB、HSL 与 CMYK
在 RGB、HSL、CMYK 中进行数字调色的实战指南，适用于设计、插画与印刷。
为什么要用数字方式调色？
调色是设计、插画、绘画、品牌和 UI 工作的基础。用软件调色快速、精准、可逆——你可以在几分钟内尝试上百种变化，不满意随时撤销。数字调色还能让你导出精确的 hex、RGB、HSL 或 CMYK 值，方便在其它工具中使用。
两套主要体系是加色（RGB，用于屏幕）和减色（CMYK，用于印刷）。它们的混合行为不同，所以根据媒介选择合适的模型很重要。
常见使用场景
- UI 设计：打造品牌色板和组件变体
- 数字绘画：取样并微调肤色、天空和阴影
- 印刷准备：将屏幕色转换为 CMYK 以保证印刷准确
- 品牌识别：从基础色构建一致的颜色体系
- 网页设计：从一个基础色生成 hover、focus、disabled 等状态
方法 1：使用 UtilBoxx 免费调色工具（推荐）
我们的 调色工具 支持用 RGB、HSL 或 CMYK 模型混合两种或多种颜色，并实时预览。步骤如下：
- 访问 utilboxx.com/zh/tools/color/mixer
- 选择两种或更多源色
- 选择混合模式（平均、乘法、滤色、加色、减色）
- 用滑块调整每种颜色的权重
- 复制得到的 hex、RGB、HSL 或 CMYK 值
这个方法的优势：
- 调整输入时实时预览
- 多种混合模型，覆盖屏幕和印刷
- 权重滑块精细控制
- 一键复制到设计工具
- 完全在浏览器中运行，不上传图片
方法 2：在 Figma、Photoshop 或 Procreate 中混合
专业设计工具内置强大的调色器。在 Figma 中打开拾色器，使用 alpha 滑块与另一个色板混合。在 Photoshop 中用带混合模式的图层混合颜色。在 Procreate 中把一个颜色拖到画布上的另一种颜色上即可混合。
这些工具对插画和复杂品牌工作必不可少。
方法 3：使用数学方式调色
简单情况下可以对 RGB 通道求平均：
``` mixed = (color1 + color2) / 2 ```
想要更准确的结果，可在线性 RGB 中混合，或使用 OKLCH 等感知模型。Chroma.js 和 culori 等库可以在 JavaScript 中完成：
```javascript import { mix } from "culori"; mix("#ff0000", "#0000ff", 0.5); // 中间紫色 ```
常见问题
RGB 和 CMYK 调色有什么区别？
RGB 是加色——混合光。红加绿得黄。CMYK 是减色——混合颜料。青色加黄色得绿色。同一组数值在两个体系里看起来差别很大。
为什么屏幕上混合的颜色看起来灰浊？
通常是因为你在混合互补色或色相距离大的颜色。试着混合更接近的色相，或使用 OKLCH 等感知色彩空间，得到更干净的过渡。
如何在屏幕和印刷间匹配品牌色？
使用色彩配置将品牌色从 sRGB 转换为 CMYK。注意：有些鲜艳的屏幕色在印刷中无法完全还原，会发生偏移。想要最准确的结果，请向印刷厂索要样张。
可以保存自定义色板吗？
可以。用 UtilBoxx 调色工具 生成色系后，粘贴到 Figma、Coolors 或代码库等设计系统工具中即可。
结论
数字调色给你速度、精度和可复现性。想要一种快速、可视化的颜色混合并导出值的方法，把 UtilBoxx 调色工具 一直开着是最方便的选择。