任务路径 / 从输入到结果
如何混合两种颜色
- 01
输入两个颜色
在“第一个颜色”和“第二个颜色”中填入十六进制值——#RGB、#RGBA、#RRGGBB 和 #RRGGBBAA 都接受，半透明输入也没问题。工作区以 #6D5EF8 对 #22C55E 的组合打开。
- 02
计算方式
选择“计算方式”：加权混合在编码 sRGB 中用预乘 alpha 插值；叠加模式则将第一种颜色盖在第二种颜色上，图层顺序影响结果，且不显示权重滑块。
- 03
混合颜色
在加权混合模式下，把“第二种颜色的权重”设为 0%（仅第一种）至 100%（仅第二种），再点“混合颜色”；叠加模式下点击同一个按钮执行前景盖背景。修改颜色、方式或权重会清空旧结果。
- 04
读取结果面板
HEX、RGBA、CSS 与预览统一使用 8 位通道及 alpha。透明效果显示在页面底色上，输出保留 alpha。
- 05
试用示例混合
点击“加载示例”会把 #F97316 与 #7C3AED 按 35% 的权重混合——暖橙色向紫色过渡——让你看到完整流程。“重置”恢复默认组合和 50% 权重。
- 06
复制或下载结果
复制或下载 toolars-color-mix.json，包含两种输入颜色、计算方式、sRGB 色彩空间、HEX、RGBA 和 CSS 声明。仅按权重混合时包含 secondColorWeight。所有输出形式共用同一 8 位结果。