怎么混合两种颜色？

设定两个端点和比例，工具在 RGB 或 LAB 空间里混合，并把过渡色板输出为 CSS 或 JSON。

该在 RGB 还是 LAB 里混合？

LAB 的过渡更感知均匀、更自然；RGB 是简单线性混合。做品牌色延展，LAB 通常更好看。

为色板生成中间色、平滑渐变，或把品牌色延展成相关色系。

把两个颜色按比例混合，生成中间色和过渡色板

颜色 A 颜色 B

混合比例 50% 色阶数量 7

Mixed Color #000000 50% · 感知混合

混合色板

从颜色 A 到颜色 B 的完整过渡，可点击查看详情

应用预览

检查混合色在界面背景、按钮和提示中的层级

CSS 输出

复制后可作为混合色变量或过渡色板使用

颜色混合工具，按比例混合两种颜色，在RGB和LAB色彩空间中生成自然过渡色板，适合品牌色延展和渐变色停靠点规划，支持导出CSS。混合运算基于真实的色彩空间插值，拖动比例滑块即可生成任意过渡阶段的颜色，不必靠肉眼估算调色。

常用于给两个品牌色之间补一批过渡色阶，或者给渐变设计确定中间停靠点；LAB 模式生成的过渡尤其自然，不会像纯 RGB 混合那样发灰发脏。