颜色工具

颜色混合器

在线混合两种颜色并按比例调整混合权重,支持十六进制与 RGB 格式输入,输出混合色、正片叠底与滤色数值。

运行工具

在线颜色混合工具支持将两种给定的颜色按照指定比例进行混合与调配。工具支持以井号开头的十六进制颜色值(包括三位短代码如 #f00 以及六位标准代码如 #ff0000),同时也支持包含三个非负整数的 RGB 格式字符串(例如 rgb(255, 0, 0))。混合比例支持在 0 到 1 之间调节:比例设为 0 时完全呈现第一种颜色,设为 1 时完全呈现第二种颜色,若未填写则默认使用 0.5 均匀混合。在完成计算后,结果面板将输出按通道线性插值生成的六位十六进制混合色与 RGB 格式数值,并同步提供正片叠底和滤色计算后的十六进制颜色代码,方便设计与前端开发调用。若输入的颜色文本格式不合规,工具将显示错误提示。

使用说明

  1. 在第一个输入框中输入第一种颜色,支持十六进制(如 #ff0000)或 RGB 格式(如 rgb(255, 0, 0))。
  2. 在第二个输入框中输入第二种颜色,支持相同的颜色表示格式。
  3. 在比例输入框中填入 0 到 1 之间的数值(默认值为 0.5)。
  4. 点击运行按钮,在下方结果面板中查看生成的混合颜色、正片叠底颜色、滤色结果及对应的 RGB 值。

示例

  • 输入 #ff0000 与 #0000ff,比例设为 0.5,输出混合色 #800080 及 RGB 格式 rgb(128, 0, 128)。
  • 输入 rgb(255, 255, 0) 与 #00ff00,比例设为 0.2,输出偏向黄色的混合色 #ccff00。

常见问题

支持哪些颜色输入格式?

工具支持以井号开头的十六进制字符串(如 #fff 或 #ffffff)以及包含三个非负整数的 RGB 格式(如 rgb(255, 0, 0))。

混合比例的数值范围是多少?

混合比例取值范围为 0 到 1。数值为 0 时输出第一种颜色,数值为 1 时输出第二种颜色,数值为 0.5 时表示两种颜色各占一半。

输入无法识别的颜色格式会怎样?

若输入的颜色文本不符合支持的十六进制或 RGB 格式规则,结果面板将显示格式错误提示,修正为有效格式即可重新计算。

嵌入此工具

使用以下代码,将这个可直接使用的 SmartPlusLab 工具添加到您的网站。