从图片提取主要颜色
- 选择图片，或把图片拖进工作台。
- 调整颜色数量，配色会自动更新。
- 点击色块复制 HEX，或导出 CSS 与 PNG 色卡。
工具会缩小图片后采样，忽略透明像素。提取的是代表性颜色，不是图片包含的所有颜色。
打开独立工具页 ↗Colorkind / 免费在线工具
好配色，从这里开始。
提取图片配色、转换颜色数值、检查文字对比度。打开就能用，图片留在你的设备里。
一张图片，一组好颜色。
01 / INPUT或拖放到这里 · JPG / PNG / WebP · 最大 20 MB
修改后自动重新提取，无需额外点击。
图片只在当前浏览器中分析，不上传服务器。
YOUR PALETTE
6点击颜色，直接复制。
将颜色带到设计稿、网页或下一次灵感里。
使用指南
操作简单，结果清楚。
转换 HEX、RGB 和 HSL
- 输入 HEX、rgb(r, g, b) 或 hsl(h, s%, l%)。
- 也可以通过取色器直接选择颜色。
- 复制需要的颜色格式。
只支持不透明的 sRGB 颜色，不支持透明通道、颜色名称、百分比 RGB 或广色域颜色。
打开独立工具页 ↗检查文字与背景的对比度
- 设置文字颜色与背景颜色。
- 即时查看比值、AA/AAA 结果和阅读预览。
- 交换或调整颜色，找到符合所需标准的搭配。
这里只检查这组纯色的文字对比度，不能据此判断整个网页是否符合无障碍标准。
打开独立工具页 ↗FAQ
使用前，你可能想了解。
图片会上传吗？
不会。读取图片和颜色采样均在当前浏览器里完成。
为什么颜色数量比设置的少？
纯色或颜色较少的图片可能没有足够的颜色组；完全透明的图片无法提取可见配色。
支持三位 HEX 吗？
支持。例如 #58E 会展开为 #5588EE，也可以省略开头的 #。
格式转换会改变颜色吗？
RGB 使用 8 位整数通道，显示的 HSL 会四舍五入。把舍入后的 HSL 再转回 RGB 可能有细微差别。
多大的字属于大号文字？
WCAG 将至少 18pt（24 CSS 像素）的常规文字，或至少 14pt（约 18.67 CSS 像素）的粗体文字视为大号文字。这里的大字预览为 24px 常规文字。
对比度达到多少才通过？
AA 普通文字需要 4.5:1，大号文字需要 3:1；AAA 分别为 7:1 和 4.5:1。通过与否按未舍入的真实比值判断。