图片与色彩 · 本地处理

图片取色板

从截图或配图里选取颜色,整理成可以带走的 CSS 色板。

1. 打开一张图片

最多 10 MiB、1600 万像素,单边不超过 16,000 像素。按原始尺寸采样,预览会缩小。动画文件只读取浏览器选取的一个静态帧,不提供逐帧选择。

2. 点击图片或按坐标取色

选择图片后在这里预览,或先载入三色示例。

3. 整理色板 · 0/12

不自动猜测主色;重复色值只保留一次。棋盘格表示透明区域,不属于图片颜色。

    颜色、精度与隐私

    读取浏览器解码到 sRGB 画布的像素,不是测量现实物体颜色。JPEG 压缩、抗锯齿、色彩配置和透明度都会影响数值;专业品牌用色应核对原始规范。透明色保留 alpha,完全透明处的 RGB 不具备可见颜色含义。

    坐标以左上角为 (0, 0)。预览缩小后点击可能略过细小像素,精确采样请输入原图坐标。导出透明颜色使用八位 HEX;只支持六位 HEX 的软件需要单独处理透明度。

    图片和色板仅在当前页面内存中处理,不上传、不保存到服务器;刷新会清空。页面加载需要联网,不支持远程图片网址、相机或跨页面屏幕取色。

    替换成功的图片会清空色板;读取失败保留上一张图片与色板。

    教程:从配图取三种颜色,导出前怎样核对像素 →