色彩混合计算器

拖动滑块以在两种数字颜色之间进行插值。

用于规划与参考的浏览器端结果。

颜色 A颜色 B 混合比例

CSS / HEX

指南

使用前注意事项

在需要找到两个状态之间的中间 UI 颜色，或构建过渡步骤时使用此工具。选择颜色 A 与 B，然后移动滑块设置 B 在结果中的占比。

该工具对每个 0-255 的 sRGB 通道进行线性插值，并将结果 RGB 值以 HEX 返回。这是数值化的屏幕色混合，不是颜料混合或伽马校正合成模型。

以 50 % 的比例混合 #3366FF 和 #FF6655，可得到两者三个通道的中点。将生成的 HEX 粘贴到悬停状态，然后针对真实背景另外运行一次对比度检查。

设计应用在使用其他色彩空间或混合模式时，可能会生成不同的中点结果。请不要将该结果视作 CMYK、专色、透明度或实际油漆配方。

如何将颜色从颜色混合计算器移到其他应用？

使用结果下方的复制按钮可复制 CSS、HEX 或 HSL 文本。确认目标应用解析相同的颜色格式。

颜色混合计算器中的屏幕色会与印刷匹配吗？

不会自动匹配。发光型 RGB 屏幕与反射型纸张和墨水使用了不同的色域和混合模型，因此仍需要打印配置文件和打样。

我可以仅凭颜色混合计算器来批准一个 design token 吗？

先将其作为候选项使用，再在真实背景、暗色模式、交互状态和文本对比度下测试，然后再命名并批准 token。