看到一张图里某个颜色特别好看，怎么拿到它的色值？

用图片取色器，上传那张图后在你喜欢的位置点一下，工具会吸出该像素的颜色，并给出 HEX、RGB、HSL 三种表示，直接复制用进设计里。

取出来的颜色能用在 CSS 里吗？

能。HEX 和 RGB 都是网页常用写法，HSL 也方便做明暗微调，你挑一种复制进样式表即可。

取色器是基于你点击的像素采样，放大预览后点选更准。它输出的是该点颜色，建议先在图上放大再取，避免取到边缘混色。

在本地完成，图片不上传，你取色的过程和结果都留在设备上，处理私密设计稿也没问题。

RGB 按红绿蓝分量描述颜色，HSL 按色相、饱和度、亮度描述，更适合凭感觉调明暗。做配色时 HSL 往往更直观。

你可以多次在图上点选，每次得到对应像素的色值，把几个结果记下就能对比出图里的主色系。

图像工具

从上传图片吸取像素颜色，输出 HEX/RGB/HSL

「图片取色器」基于本地推理引擎识别与处理图像内容。从上传图片吸取像素颜色，输出 HEX/RGB/HSL，完全离线运行，守护你的图片隐私。

💡 OCR 与图像模型均在本地运行，含敏感信息的截图也能放心使用。

图片取色器是一款完全在浏览器本地运行的在线工具，无需安装、无需注册。从上传图片吸取像素颜色，输出 HEX/RGB/HSL。与依赖云端算力的在线 SaaS 不同，图片取色器的全部运算都在你的设备本地完成：你的内容不会被上传、不会被留存，更不会被用于模型训练，隐私安全从头到尾由你掌握。

相关搜索：图片取色器, 取色器颜色吸取图片取色

看到一张图里某个颜色特别好看，怎么拿到它的色值？: 用图片取色器，上传那张图后在你喜欢的位置点一下，工具会吸出该像素的颜色，并给出 HEX、RGB、HSL 三种表示，直接复制用进设计里。
取出来的颜色能用在 CSS 里吗？: 能。HEX 和 RGB 都是网页常用写法，HSL 也方便做明暗微调，你挑一种复制进样式表即可。
吸管点不准，能不能看到具体坐标的像素？: 取色器是基于你点击的像素采样，放大预览后点选更准。它输出的是该点颜色，建议先在图上放大再取，避免取到边缘混色。
这个取色在本地就行吗？: 在本地完成，图片不上传，你取色的过程和结果都留在设备上，处理私密设计稿也没问题。
HSL 和 RGB 有什么不一样，我该看哪个？: RGB 按红绿蓝分量描述颜色，HSL 按色相、饱和度、亮度描述，更适合凭感觉调明暗。做配色时 HSL 往往更直观。
能不能一次取好几个点的颜色做对比？: 你可以多次在图上点选，每次得到对应像素的色值，把几个结果记下就能对比出图里的主色系。

图片取色器的交互功能需要浏览器启用 JavaScript 才能使用。启用后即可在上方直接操作；你也可以先查看下方的功能说明、常见问题与相关工具，或前往图像工具分类浏览同类工具。