颜色混合器
按指定比例混合两种或多种颜色创建新颜色。 支持 RGB、HSL 和 LAB 等不同色彩空间的结果对比。
选择颜色
混合比例
颜色 1 50%颜色 2 50%
结果
HEX
#A79C98
RGB
rgb(167, 156, 152)
HSL
hsl(16, 8%, 63%)
++
分享此工具
📖
使用方法
Step 1
选择颜色
选择两种或多种要混合的颜色
→
Step 2
调整比例
调整每种颜色的混合比例
→
Step 3
复制结果
复制混合后的颜色代码
✨
功能特点
实时混合
颜色或比例变化时结果即时更新
多色混合
同时混合两种以上的颜色
色彩空间
可在 RGB、HSL 等不同色彩空间中混合
❓
FAQ
最多可同时混合10种颜色。
🔗相关工具
🎨
设计工具颜色代码转换器
在 HEX、RGB 和 HSL 颜色代码之间转换。 使用取色器和实时预览直观选择颜色。
🎨
设计工具取色器
使用色轮和滑块直观选择颜色。 获取并复制 HEX、RGB 和 HSL 格式的颜色代码。
🎨
设计工具图片颜色提取器
自动检测图片中的主色调并生成色板。 还可以点击图片任意位置提取单个颜色。
🎯
设计工具图片平均色提取器
计算整张图片或选定区域的平均颜色。 适用于配色方案选择或缩略图背景色。
🌈
设计工具CSS 渐变生成器
通过拖拽控制可视化创建 CSS 渐变。 支持线性、径向和锥形渐变类型，带预设。
🔲
设计工具CSS 阴影生成器
通过滑块可视化创建 CSS box-shadow。 支持多重阴影和内阴影。