🎨 图片取色器（查看像素 RGB / HEX / HSL 颜色值）Show RGB Image Colors (Pixel Colour Picker)

使用说明与常见问题How-to & FAQ

「图片取色器（查看像素 RGB / HEX / HSL 颜色值）」是什么？What is the Show RGB Image Colors (Pixel Colour Picker) tool?

上传图片后，鼠标移到任意像素即可实时看到它的 RGB、HEX、HSL 颜色值和透明度，点击可把颜色固定到列表，一次收集多个颜色并复制或导出 CSV；同时统计图片的颜色总数、平均色和主要颜色占比。小图标会自动放大显示，方便精确取到每个像素。适合设计取色、核对品牌色和检查截图颜色，图片只在浏览器本地处理。Open an image and point at any pixel to see its RGB, HEX and HSL values and its transparency live. Click to pin colours to a list, collect as many as you need, then copy them or export a CSV. The tool also counts the distinct colours and shows the average colour and the main colours with their shares. Small icons are enlarged automatically so you can pick each pixel precisely. Useful for picking design colours, checking brand colours and inspecting screenshots. Images are processed locally in your browser.

如何使用「图片取色器（查看像素 RGB / HEX / HSL 颜色值）」？How do I use the Show RGB Image Colors (Pixel Colour Picker) tool?

在「图片取色器（查看像素 RGB / HEX / HSL 颜色值）」中，选择或拖入文件，然后点击「复制 CSV」、「下载 CSV」、「清空」按钮即可。In the Show RGB Image Colors (Pixel Colour Picker): Choose or drop your files, then click "Copy CSV", "Download CSV", "Clear".

能看到哪些颜色值？Which colour values are shown?

每个像素显示坐标（从左上角 0,0 开始）、RGB（0–255）、HEX（#rrggbb，可直接用于 CSS 和设计软件）、透明度 A（0 完全透明 – 255 完全不透明）和 HSL（色相°、饱和度%、亮度%）。数值来自解码后的像素（已关闭色彩空间转换），不受页面缩放影响；个别浏览器画布读回时可能对通道有 ±1 的偏差。For each pixel you get its coordinates (from 0,0 at the top-left), RGB (0–255), HEX (#rrggbb, ready for CSS and design apps), alpha A (0 fully transparent to 255 fully opaque) and HSL (hue °, saturation %, lightness %). Values come from decoded pixels with colour-space conversion off and are unaffected by page zoom; a few browsers may still introduce ±1 channel noise on canvas read-back.

怎么收集多个颜色？How do I collect several colours?

在图片上点击像素即可把它固定到“已固定的颜色”列表（同一位置不会重复添加，最多 100 个），每项可单独删除；“复制 CSV”或“下载 CSV”导出 x、y、HEX、RGB 和透明度，方便粘贴到表格或发给同事。Click a pixel to pin it to the Pinned colours list (the same spot isn't added twice; up to 100 entries), and remove any entry with its ✕. Copy CSV or Download CSV exports x, y, HEX, RGB and alpha, ready for a spreadsheet or to share.

“颜色总数”和“主要颜色”是怎么算的？How are distinct colours and main colours worked out?

颜色总数是所有不透明或半透明像素中不同 RGB 值的个数（完全透明的像素不计）。主要颜色按像素数从多到少列出前 12 种：图片颜色不超过 256 种时列出精确颜色，颜色更多时会把非常接近的颜色合并。解码时已关闭浏览器色彩空间转换；若仍看到比原图多出±1 的邻近色，多半是当前浏览器画布读回像素时的管线噪声，不是文件里真有这些颜色。Distinct colours is the number of different RGB values among opaque and semi-transparent pixels (fully transparent ones are skipped). Main colours lists the 12 most common by pixel count — exact when there are 256 or fewer, otherwise similar shades are grouped. Decoding turns off browser colour-space conversion; if you still see a few neighbouring ±1 shades that are not in the file, that is usually canvas read-back noise in the browser pipeline, not extra colours in the image.

取到的颜色和屏幕上看到的不一样？会上传吗？The colour differs from what I see on screen? Is anything uploaded?

工具读取的是图片文件本身的像素值；带色彩配置（如 Display P3）的照片在不同屏幕上显示会略有差异，但文件中的数值不变，以工具显示的为准。图片只在浏览器本地处理，不会上传。The tool reads the pixel values stored in the file. Photos with a colour profile (such as Display P3) can look slightly different on different screens, but the stored values don't change, so trust the numbers shown. Images are processed locally in your browser and never uploaded.

「图片取色器（查看像素 RGB / HEX / HSL 颜色值）」免费吗？需要注册吗？Is the Show RGB Image Colors (Pixel Colour Picker) free? Do I need an account?

「图片取色器（查看像素 RGB / HEX / HSL 颜色值）」完全免费，无需注册或安装，打开网页即可使用，手机和电脑都能用；输入的内容只在你的浏览器本地处理。The Show RGB Image Colors (Pixel Colour Picker) is completely free with no sign-up or install and works on phones and desktops; what you enter is processed only in your browser.