调色板工具 – 免费在线颜色混合与配色方案生成

内置色环+SV 面板拾色器、HSL 滑块、颜色混合、6 种配色理论方案和渐变生成器,支持输出所有颜色格式。

免费使用 →

功能特性

🎨

交互式拾色器

色环与饱和度/亮度选择面板,拖拽即可精准选取任意颜色。

📊

HSL 滑块

通过精准滑块微调色相、饱和度、明度和透明度。

🔀

颜色混合器

混合最多 5 种颜色,可调节各颜色比例,创建自定义混合色。

🔮

6 种配色方案

互补色、类似色、三角配色、四边形配色、分裂互补色和单色系。

🌈

渐变生成器

创建线性或径向渐变,导出为 CSS 渐变代码。

📋

全格式输出

支持输出 HEX、RGB、RGBA、HSL、HSLA、HSV、CMYK 和 CSS 变量格式。

使用方法

1

选取颜色

使用色环+SV 面板,输入 HEX 代码,或通过 HSL 滑块选色。

2

生成配色方案

点击任意色彩理论方案,生成和谐统一的调色板。

3

混合颜色

添加最多 5 种颜色并调节混合比例,创建自定义混合效果。

4

导出

复制单个颜色值,或生成 CSS 渐变代码和变量。

常见问题

提供哪些配色理论方案?
共 6 种方案:互补色(对立色相)、类似色(相邻色相)、三角配色(3 个等距色相)、四边形配色(矩形 4 色相)、分裂互补色和单色系(相同色相、不同饱和度/明度)。
颜色混合器如何工作?
输入最多 5 种颜色并设置各自比例,混合器在 RGB 空间中进行加权平均混合。调节比例可控制每种颜色对结果的影响程度。
支持哪些渐变类型?
支持线性渐变(角度+色标)和径向渐变(位置+色标),每种类型均支持多个自定义位置的颜色色标。
我的数据会上传到服务器吗?
不会。所有颜色处理均在浏览器中通过 JavaScript 本地完成,不会发送任何网络请求。

← 返回 pudone! 首页