图片取色器：获取任意颜色的HEX色值

添加图片后，点击想要的位置，其HEX色值会立即显示在一块大色块旁，随时可复制到设计软件、网站或消息中。

对于纯色像素，代码就是它的精确值。颜色读取自原始尺寸的图片，而非缩略图，因此即使是 1200 万像素照片里的微小细节，也能保留真实颜色。

这一点很重要，因为照片中的色彩往往存在噪点。即使是晴朗的蓝天，相邻两个像素也可能存在细微色差。放大镜会标出中心像素，让你在点击前就知道会取到哪个色值。

在PNG截图中，按钮等纯色区域内的像素通常共享同一色值。在JPG中，应避开边缘和文字区域取色，因为压缩在这些地方对颜色的影响最大。

每个色值都是sRGB标准值，这是网页颜色的通用标准。部分iPhone照片保存了更广色域的颜色，这些颜色会被转换为sRGB，因此某些非常鲜艳的色调取出的色值可能略显暗淡。

在电脑端的 Chrome、Edge 或 Opera 浏览器中，点击「从屏幕取色」。你的鼠标指针会变成一个取色器，可读取屏幕上任意像素的颜色，无论是网页、应用还是文档。点击某个位置，其颜色代码就会像普通取色一样显示在这里。

Firefox、Safari以及手机浏览器无法以这种方式读取屏幕，因此该按钮在这些浏览器中不会出现。请改为截图，然后用Ctrl+V（Mac上为Cmd+V）粘贴到这里取色。

在手机上，先截图，再从相册中添加。无论哪种方式，都无需安装浏览器扩展或桌面应用。

每次拾取都会以五种格式显示同一颜色，各自带有复制按钮。以下是一个紫色像素的示例：

• HEX：#8338ec，大多数网站和设计软件使用的简短色值
• RGB：rgb(131 56 236)，红、绿、蓝三色的数值，范围0到255
• HSL：hsl(265 83% 57%)，色相、饱和度与明度
• HSV：色相265°、饱和度76%、明度93%，许多设计软件的取色器中使用的模型
• CMYK：44%青、76%品红、0%黄、7%黑，作为印刷的估算值

HEX、RGB 和 HSL 代码都是合法的 CSS 值，可以直接粘贴进样式表。如果像素部分透明（比如 PNG 图标的柔和边缘），代码会保留其透明度，颜色也会尽量接近浏览器读取到的真实值。

找出颜色的名称

每次取色还会附带一个名称。拾色器会在 148 个 CSS 颜色名称中找到最接近的一个，以「近似颜色」显示，比如那个紫色像素会显示为「近似颜色：blueviolet」。你可以用这个名称来描述颜色，也可以直接粘贴到 CSS 中使用。

该使用哪种颜色代码？

大多数场景下使用HEX即可，因为网站和多数设计软件都支持它。其他格式在特定情况下更有用：

• 当应用需要分别输入红、绿、蓝数值时，使用RGB
• 当你想手动调亮、调暗或调淡某个颜色时，使用HSL或HSV
• CMYK可作为印刷的粗略起点，它来自简单公式而非印刷厂配置文件，请与印刷厂确认最终颜色

任何图片都适用，无论是手机照片还是网页截图。常见用途包括：

• 截图：复制一张截图并粘贴到此处，即可从网站或应用中取色
• Logo：在没有品牌手册的情况下，从logo文件中提取品牌色
• 照片：从图片中获取天空、裙子或刷漆墙面的颜色

保存你取到的颜色

每次取色都会加入「我的颜色」，按最新在前排列，最多可保存 24 个。你可以复制或删除任意颜色，也可以清空列表。然后将整个列表导出为：

• 可粘贴进样式表的CSS变量
• Tailwind配置片段
• 包含每种颜色HEX、RGB和HSL值的JSON
• 可分享的色板PNG图片

该列表保存在你的浏览器中，刷新页面或打开另一张图片后依然存在。其中只保存颜色色值，绝不保存你的图片。列表满时，最早的颜色会被移除。

查看图片的主要颜色

拾色器还会显示图片中的 6 种主要颜色。点击其中一种即可加入「我的颜色」。如果想以调色板形式获取整张图片的主色（4 到 12 种颜色），请打开调色板提取工具。

这款取色器完全免费，无需注册或账号，导出颜色也不例外。图片在你的手机或电脑上打开，绝不会上传。它在浏览器中运行，无需下载任何应用。

• 支持手机、平板和电脑使用。在触屏设备上，放大镜显示在手指上方，手指不会遮挡像素。
• 也支持键盘操作：Tab键聚焦到图片，用方向键移动十字光标（按住Shift移动10像素），按Enter取色。
• 支持打开最大50MB的JPG、PNG、WebP、AVIF、GIF、BMP、SVG、HEIC、HEIF和TIFF文件，GIF会使用其第一帧。
• iPhone的HEIC照片可直接打开，无需提前转换格式。
• 每次只能处理一张图片。打开另一张图片时，「我的颜色」会保持不变。