Slop Colors · 免费，在浏览器中完成

由一种颜色生成配色方案

从你的品牌色开始。Slop Colors 生成和谐配色、浅色、深色和色调变体，以及 50 到 950 色阶，并将你选中的方案导出为代码或色板文件。

操作方法

在面板中输入你的颜色（HEX、RGB、HSL、OKLCH 或 CMYK），或从图片中取色。
在“基于此颜色”下，于色环旁选择和谐模式（互补色、类似色、三角色、分裂互补色、四角色、方形、单色、明暗变体或自定义），以及 RGB、RYB 或 OKLCH 色环。
拖动色环上的控制点：其他控制点会按和谐模式跟随移动；在“自定义”模式下，每个控制点独立移动。获得焦点的控制点可用方向键移动。
在你喜欢的那一行下点击“用作配色方案”，或单独选择颜色并点击“添加此颜色”。
在“导出”下为方案命名，并选择格式：CSS 变量、Tailwind 配置、JSON、Adobe .ase 或 GIMP .gpl。
点击“下载调色板”、“复制代码”或“保存到 Slop Drive…”。

你的文件保留在本设备上：Slop Colors 在浏览器中运行，不上传、无需账户，也没有水印。

这是画家使用的红黄蓝色环，与 Adobe Color 提供的一致：在该色环中，红色的互补色是绿色，蓝色的互补色是橙色。RGB 色环是屏幕使用的色环，而 OKLCH 则在色相变化时保持明度均匀。

保持色相不变，在 OKLCH 中将明度从 97% 逐步降到 22%，接近白色和黑色时降低彩度。你的颜色位于最接近的那一级。

可以。将其导出为 Adobe Swatch Exchange（.ase），然后在“色板”面板中加载。GIMP 和 Inkscape 可以读取 .gpl 文件。

页面上的配色方案保存在此浏览器中。“保存到 Slop Drive”会保存一个文件，你可以在这里再次打开。