调色板 COLOR LAB
调色，如同调生活。每个人都有自己喜欢的颜色，愿您在人生的调色板里，遇见与之相映的那个她/他。
调色 / 取色
COLOR PICKER当前颜色
COLOR VALUES支持 #RGB / #RRGGBB；按 Enter 或点击“应用”。
文字对比度
WCAG让颜色，清晰表达。
当前颜色作为文字颜色，与背景进行对比。
对比度
AA 普通文字 ≥ 4.5:1，大文字 ≥ 3:1；AAA 普通文字 ≥ 7:1。根据实际比值判定，不使用四舍五入后的显示值。
配色灵感
点击色块选色；“收集”加入下方色板。
图片取色
我的色板 0
使用“加入色板”收集颜色。仅保留在当前页面，刷新前可下载 CSS 留存。
准备就绪。数据仅在当前浏览器中处理。
关于此工具
图片取色、颜色转换与配色
能做什么？
使用浏览器本地取色板编辑 HEX、RGB 和 HSL 颜色，从图片或粘贴截图中提取像素颜色，生成配色、收藏色值并导出 CSS，检查 WCAG 文字对比度。支持浏览器提供的屏幕取色。
使用步骤
- 输入 HEX／RGB／HSL 色值，或导入图片、粘贴截图取色。
- 检查像素颜色、配色和文字对比度；屏幕取色需要浏览器支持。
- 收集所需色值并导出 CSS，刷新前自行保存。
数据处理与使用限制
HEX 支持三位或六位，不包含透明通道。图片支持 PNG、JPEG、WebP，最大 10 MiB、1600 万像素及单边 8192 像素；透明像素按白底合成。屏幕取色依赖浏览器支持。图片和配色不上传、不自动保存，刷新前请导出。
相关工具