Elysia Tools
导航
Design
通过指定坐标从图片中选取颜色。获取 HEX、RGB、HSL、HSV 和 CMYK 格式的颜色值。
执行
填写表单、运行工具，并在同一页面查看结果。
案例
相关内容
等待运行
工具使用指南
图片颜色取样器是一款实用的在线设计辅助工具，允许用户通过指定精确的像素坐标从上传的图片中提取颜色。该工具支持 JPEG、PNG、WEBP 等多种主流图片格式，并能输出 HEX、RGB、HSL、HSV 和 CMYK 等多种色彩空间格式，同时支持设置取样半径以获取区域平均色，满足设计师和开发者的精准取色需求。
背景
正在根据设计师提供的标注图开发网页，需要获取背景图上某个特定像素位置（X: 120, Y: 350）的精确 HEX 颜色值。
问题
无法直接通过肉眼或普通吸管工具在复杂背景中获取该坐标点的精确单像素 HEX 值。
如何使用
上传背景图片 hero-bg.png，设置 X 坐标为 120，Y 坐标为 350，取样半径设为 0，输出格式选择 HEX。
{
"imageFile": "hero-bg.png",
"x": 120,
"y": 350,
"sampleRadius": 0,
"outputFormat": "hex"
}结果
成功获取该像素点的精确 HEX 颜色值（例如 #3b82f6），直接应用于 CSS 代码中。
背景
需要将一张产品实拍图上特定区域（X: 500, Y: 600）的颜色提取出来，并转换为 CMYK 格式以用于包装盒印刷。
问题
拍照图片存在噪点，直接取单像素颜色不够准确，且需要直接得到 CMYK 格式。
如何使用
上传产品图 product.jpg，设置 X 坐标为 500，Y 坐标为 600，取样半径设为 5（以平滑噪点），输出格式选择 CMYK。
{
"imageFile": "product.jpg",
"x": 500,
"y": 600,
"sampleRadius": 5,
"outputFormat": "cmyk"
}结果
获得该区域平滑后的平均 CMYK 颜色值，确保了印刷色彩的准确性。
支持 JPEG、PNG、WEBP、GIF、BMP 和 TIFF 格式的图片。
取样半径为 0 时提取单像素颜色；大于 0 时，系统会计算以该坐标为中心、指定半径内所有像素的平均颜色，适合减少噪点干扰。
坐标原点位于图片的左上角，X 轴向右延伸，Y 轴向下延伸。
可以，在输出格式中选择“所有格式”，即可同时获取 HEX、RGB、HSL、HSV 和 CMYK 格式的颜色值。
单张图片文件大小限制在 20MB 以内。