跳到主要内容
Color Codes

颜色计算

在线颜色混合器与颜色混合计算器

按任意比例混合两种数字颜色,复制混合后的 HEX/RGB/HSL,并生成平滑的 5 阶或 10 阶过渡色。

50%
结果

过渡阶数

颜色格式

如何使用

选择两种屏幕颜色并调整 sRGB 混合比例,立即获得常用颜色格式、可复用过渡色阶和适合渐变、图表、UI 色阶的结果。

  1. 1 选择第一种和第二种颜色。
  2. 2 拖动混合比例滑块。
  3. 3 复制混合结果或完整过渡色阶。

常见问题

这和颜料混合一样吗?

不一样。本工具混合的是 sRGB 屏幕发光颜色,不是实体颜料。

50% 混合代表什么?

两种输入颜色对输出 RGB 通道的贡献相同。

可以生成颜色过渡色阶吗?

可以。工具可生成 5 阶或 10 阶过渡色,适合渐变、图表、hover 状态和进度反馈。

混合后还需要检查对比度吗?

需要。好看的混合色不一定满足文字对比度,重要的前景/背景组合应继续用对比度工具检查。