# 图片颜色取样器

通过指定坐标从图片中选取颜色。获取 HEX、RGB、HSL、HSV 和 CMYK 格式的颜色值。

> 标准页面: https://elysiatools.com/zh/tools/image-color-picker

- **分类:** Design

- **关键词:** 图片, 颜色, 取样, 提取, 吸管, 像素

## 概述

图片颜色取样器是一款实用的在线设计辅助工具，允许用户通过指定精确的像素坐标从上传的图片中提取颜色。该工具支持 JPEG、PNG、WEBP 等多种主流图片格式，并能输出 HEX、RGB、HSL、HSV 和 CMYK 等多种色彩空间格式，同时支持设置取样半径以获取区域平均色，满足设计师和开发者的精准取色需求。

## 输入项

- **图片文件** (file): 上传任何图片文件进行颜色取样
- **X 坐标** (number): X 坐标（像素），从左边缘开始计算（0 = 左边缘）
- **Y 坐标** (number): Y 坐标（像素），从顶部边缘开始计算（0 = 顶部边缘）
- **取样半径（像素）** (number): 取样区域半径（0 = 单个像素，较高值会对区域内的颜色取平均）
- **输出格式** (select): 选择输出中包含哪种颜色格式

## 适用场景

- 需要从设计稿或图片中的特定像素坐标提取精确的颜色代码时。
- 需要将图片中某一点的颜色转换为 HEX、RGB、HSL、HSV 或 CMYK 等多种色彩格式时。
- 需要对图片中某一小块区域进行色彩平均化取样，以避免单个噪点像素干扰时。

## 工作原理

- 上传需要取色的图片文件，支持 JPEG、PNG、WEBP、GIF、BMP 或 TIFF 格式。
- 输入目标取色点的 X 坐标和 Y 坐标（以左上角为原点，单位为像素）。
- 根据需要设置取样半径（0 表示单像素，最大支持 50 像素的区域平均值）并选择输出格式。
- 提交后系统将解析图片对应坐标的像素数据，并返回计算后的颜色值 JSON 结果。

## 使用案例

- 网页开发人员根据视觉稿的精确像素坐标提取 HEX 或 RGB 颜色代码用于 CSS 样式。
- 印刷设计师将图片中的特定位置颜色提取并转换为 CMYK 格式以用于印刷排版。
- UI/UX 设计师通过设置取样半径，获取界面截图中某个渐变或纹理区域的平均代表色。

## 常见问题

### 该工具支持哪些图片格式？

支持 JPEG、PNG、WEBP、GIF、BMP 和 TIFF 格式的图片。

### 取样半径（sampleRadius）有什么作用？

取样半径为 0 时提取单像素颜色；大于 0 时，系统会计算以该坐标为中心、指定半径内所有像素的平均颜色，适合减少噪点干扰。

### 坐标原点（0, 0）在哪里？

坐标原点位于图片的左上角，X 轴向右延伸，Y 轴向下延伸。

### 可以一次性获取所有的颜色格式吗？

可以，在输出格式中选择“所有格式”，即可同时获取 HEX、RGB、HSL、HSV 和 CMYK 格式的颜色值。

### 上传的图片有大小限制吗？

单张图片文件大小限制在 20MB 以内。

## 相关工具

- [图片主要颜色提取器](https://elysiatools.com/zh/tools/image-color-extractor): 使用多种算法从图片中提取主要颜色，包括K-means聚类和直方图分析
- [调色板提取器](https://elysiatools.com/zh/tools/image-color-palette): 从任何图片中提取精美的调色板，非常适合设计师从照片中寻找色彩灵感
- [图片旋转](https://elysiatools.com/zh/tools/image-rotate): 按指定角度旋转图片，支持背景色和输出格式选项
- [按任意角度旋转图片](https://elysiatools.com/zh/tools/image-rotate-arbitrary): 按任意角度旋转图片，支持背景色和输出格式选项
- [图片垂直翻转](https://elysiatools.com/zh/tools/image-flip): 垂直翻转图片（上下翻转），支持输出格式和质量选项
- [图片水平翻转](https://elysiatools.com/zh/tools/image-flop): 水平翻转图片（左右翻转），支持输出格式和质量选项
- [图像调制](https://elysiatools.com/zh/tools/image-modulate): 应用调制变换进行亮度、饱和度和色调调整
- [图片处理器](https://elysiatools.com/zh/tools/image-processor): 使用各种操作处理图片，如调整大小、裁剪、格式转换和优化

## 示例

- [Web Python 图像处理示例](https://elysiatools.com/zh/samples/web-image-processing-python): Web Python 图像处理示例，使用 PIL/Pillow 包括读取、保存、缩放和格式转换
- [Web TypeScript 图像处理示例](https://elysiatools.com/zh/samples/web-image-processing-typescript): Web TypeScript 图像处理示例，包括图像读取保存、缩放和格式转换
- [Android Java 图像处理示例](https://elysiatools.com/zh/samples/android-image-processing-java): Android Java 图像处理示例，包括图像读取保存、缩放和格式转换
- [Android Kotlin 图像处理示例](https://elysiatools.com/zh/samples/android-image-processing-kotlin): Android Kotlin 图像处理示例，包括图像读取保存、缩放和格式转换

## 相关内容

- [图片格式转换与动画导出工具](https://elysiatools.com/zh/hubs/image-convert): 在一个专题里比较 JPG、PNG、GIF、AVIF、WebP、TIFF、ICO、base64 以及动画导出相关的图片格式转换工具。
- [图片整理、修饰与批处理准备工具](https://elysiatools.com/zh/hubs/image-utility): 把图片清理、裁边、补边、加框、批量缩放压缩、水印和视觉修饰工具集中到一个专题中，适合素材整理流程。
- [图片元数据、EXIF 与隐私清理工具](https://elysiatools.com/zh/hubs/image-metadata): 在一个专题中比较图片元数据查看、EXIF/IPTC/XMP 检查、方向修正、元数据编辑和隐私清理工具，适合图片发布流程。
- [图像清理、缩放与细节增强工具](https://elysiatools.com/zh/hubs/image-cleanup-resize-and-detail-enhancement): 通过方向校正、裁边、降噪、缩放、锐化和批量转换准备交付图片。