Slop Colors 指南
Slop Colors 入门
Slop Colors 在同一个页面中集取色器、调色板制作工具和对比度检查工具于一体。图片和调色板都在你的浏览器中读取，绝不会上传。
页面
顶部是当前颜色，显示其 HEX、RGB、HSL、OKLCH 和 CMYK 值，每个值旁边都有一个“复制”按钮。下面是四张卡片：从图片取色、调色板、由此颜色生成和对比度检查。
右侧面板包含颜色的各项字段、要由它生成什么、从图片中找出多少种颜色，以及导出设置。在手机上，它是位于底部的一张面板：点按“设置”即可打开。
从图片中取色
- 把图片拖到页面上，或点击“打开图片…”。
- 将指针移到图片上并点击即可取色；放大镜会显示该点下方的像素。
- 用方向键逐个像素移动，按 Enter 把颜色加入调色板。
- 点击“全部加入调色板”，即可保留图片的主要颜色。
提示： 在 Chrome 和 Edge 中，“从屏幕取色”可以从屏幕上的任何位置取色。
制作调色板
- 点击“加入此颜色”，把当前颜色加入调色板。
- 在面板中选择一种“和谐配色”和一个“色阶”，然后在某一行下方点击“用作调色板”。
- 在调色板中每种颜色下方，‹ 和 › 可以移动它，✎ 为它命名，× 则将其删除。
检查对比度
输入文字颜色和背景色，或在面板中使用“用作文字颜色”和“用作背景”。比值和 WCAG 等级会立即显示，“调整文字颜色”则会找出最接近的、能通过 AA 标准的颜色。
导出并保存
- 为调色板命名，并在“导出”下选择一种“格式”。
- 点击“下载调色板”“复制代码”或“保存到 Slop Drive…”；“打开方式…”会把文件发送到其他应用。
- 要再次打开调色板，请把它的 .gpl、.ase、.json 或 .css 文件拖到页面上。