颜色 · 让操作更简单
提取图片颜色
从本地 JPG、PNG 或静态 WebP 提取近似主色。选择采样底色，放大检查原始像素，并以 HEX 文本、CSS 或 JSON 复制或下载调色板。
又称图片配色提取 · 图片调色板提取器 · 图片颜色提取工具 · 图片取色 · 从图片提取配色
你的工作区在你的设备上处理
也可聚焦此处，按 Ctrl+V / ⌘V 粘贴图像。JPG、PNG 或静态 WebP · 最大 25 MB / 2400 万像素。
原始像素：0 × 0。方向键移动一个像素；Shift + 方向键移动十个。
所选像素：0, 0
调色板是缩小样本的近似颜色。完全透明的像素会被忽略，其余像素叠加在底色上。百分比描述可见采样像素，所选颜色之和可能不足 100%。
#7D9065rgb(125, 144, 101)
预览叠加在白色背景上。HEX 以 8 位存储透明度；RGB 和 HSL 保留十进制透明度。
HEX
#7D9065RGB
rgb(125, 144, 101)HSL
hsl(86.512 17.551% 48.039%)RGB 百分比
rgb(49.02% 56.471% 39.608%)归一化 RGBA
0.4902, 0.5647, 0.3961, 1CSS 变量
--color: #7D9065;颜色名使用标准 CSS 关键词，例如 red 或 rebeccapurple。
三个简单步骤。
- 选择或粘贴本地图片，设置采样底色。
- 选择 2–12 种主色并提取，或用坐标及方向键检查像素。
- 选择色样查看格式，再复制或下载调色板。
使用须知。
图片不超过 25 MB、2400 万像素，单边最多 12,000 像素。主色来自不超过 256 × 256 的缩小采样及 4 位 RGB 分组，为近似结果。完全透明像素被忽略，其余像素合成到所选底色上。所选颜色的百分比之和可能不为 100%。仅使用浏览器解码后的 sRGB，不抓取远程图片。
了解隐私保护 →常见问题。
包含原图中的每一种颜色吗？
不包含。调色板概括缩小图片中最大的颜色分组。若要检查某个具体像素，请使用原始像素采样。
图片会被上传或保存吗？
不会上传。解码、采样和提取均在本地进行。图片与色样只在页面内存中，刷新或离开页面会清除；清除按钮可移除对应内容。
相关搜索提取图片颜色占比 · 图片配色提取工具 · 提取图片颜色代码