Slop Colors · 测试版

取色器、调色板生成器和对比度检查工具

从图片中取色，制作调色板并检查对比度。不上传任何内容。

无需安装：在手机、平板或电脑的浏览器中打开即可。首次访问之后，断网也能继续使用。想在主屏幕上放一个图标？在 iPhone 或 iPad 上，点按“分享”，再点按“添加到主屏幕”。在安卓上，打开浏览器菜单，点按“添加到主屏幕”。在电脑上，点击地址栏中的安装图标。

Slop Colors 的主要功能包括：带放大镜的吸管，以及图片的主要颜色; 和谐配色、明度和暗度变化，以及 50 到 950 的色阶。它可以打开任意图片。

测试版：仍在测试中，部分功能可能会有变化。

使用 Slop Colors 能做什么

Slop Colors 与 Coolors, Adobe Color, WebAIM Contrast Checker 的对比：事实来自各工具自己的页面，核对日期为 2026-10-25。Slop Colors 由我们开发。

最佳免费配色与对比度工具：主要事实并排对照（核对日期 2026-10-25）
工具	价格	运行环境	从图片中取色	对比度检查
Slop Colors 我们的	免费，无需账户	任何现代浏览器	吸管和主色（k-means）	对比度、AA 和 AAA，并提供修正
Coolors	免费版；Pro 版	网页、iOS 应用、Figma 插件、Chrome 扩展	图片取色器	对比度检查器
Adobe Color	免费	网页	从图片中提取	对比度，并附 WCAG 指导
WebAIM Contrast Checker	免费	网页	否（用吸管从屏幕上取色）	AA 和 AAA，普通文字、大号文字和界面

逐项对比：✓ 支持，◐ 部分支持或需付费方案，✗ 不支持，– 工具官方页面未说明
功能	Slop Colors 我们的	Coolors	Adobe Color	WebAIM Contrast Checker
从图片中取色	是	是	是	否
基于一种颜色生成和谐配色	是	未说明	是	否
WCAG 对比度检查	是	是	是	是
大号文字和界面级别	是	未说明	未说明	是
色盲模拟预览	否	未说明	是	否
CSS 导出	是	是	未说明	否
Tailwind 导出	是	是	未说明	否
Adobe .ase 导出	是	是	未说明	否
GIMP .gpl 导出	是	未说明	未说明	否
OKLCH 数值	是	未说明	未说明	否
无需账户	是	部分支持	部分支持	是
图片保存在你的设备上	是	未说明	未说明	是

Slop Colors：功能、状态和文件类型
功能	状态	文件类型
带放大镜的吸管，以及图片的主要颜色	测试版	任意图片
和谐配色、明度和暗度变化，以及 50 到 950 的色阶	测试版	任意图片
WCAG 对比度检查，并可修正不达标的文字	测试版	任意图片
HEX、RGB、HSL、OKLCH 和 CMYK	测试版	任意图片
导出 CSS、Tailwind、JSON、ASE 和 GPL；保存到 Slop Drive	测试版	任意图片

Slop Colors 可以打开任意图片。