全能工具 全能工具
暂无最近使用记录
暂无收藏工具

在线取色器

4 次使用
#1677ff
rgb(22, 119, 255)
hsl(215, 100%, 54%)
cmyk(91%, 53%, 0%, 0%)

点击或拖入一张图片

上传后在图片上点击即可拾取颜色

最近使用的颜色

清空
暂无取色记录

颜色格式科普

HEX 十六进制
以 # 开头的六位编码，如 #FF5733，是 CSS 和网页开发中最常用的颜色格式。
RGB 红绿蓝三原色
用 0~255 分别表示红、绿、蓝通道的亮度，显示器上所有颜色都由这三色混合而成。
HSL 色相/饱和度/亮度
更符合人眼直觉的表示法，调色时只改一个维度即可实现变深、变浅或换色。
CMYK 印刷四色
青、品红、黄、黑四色叠加，印刷和出版行业的标准色彩模式。
图片精准取色
上传一张图片后在任意像素位置点击，即可提取该点精确的颜色数值。
一键复制到剪贴板
选定颜色后点击对应格式右侧的复制按钮，颜色代码直接进入剪贴板。

关于取色器

这个工具能干什么

看到一张图片上有个特别好看的颜色，想知道它的色值是多少？用这个取色器就对了。上传一张图片，在上面点一下就能精确提取那个像素点的颜色，同时显示HEX、RGB、HSL、CMYK四种格式的色值，点复制直接粘贴到你的代码或设计软件里用。除了图片取色，还内置了调色板和手动输入功能，设计师、前端开发、PPT美化都用得上。

四种颜色格式有什么区别

HEX是网页开发最常用的，以#号开头的六位编码；RGB用红绿蓝三个数值0到255来描述颜色，显示器上所有颜色都是这三种光混出来的；HSL从色相、饱和度、亮度三个维度描述颜色，调色的时候更直观；CMYK是印刷行业标准，如果你要做印刷品就需要用这个格式。

怎么使用

  • 调色板选色：拖动系统颜色选择器或在色板上点击，快速挑选你想要的颜色
  • 图片取色：切换到"图片取色"标签页，上传图片后在任意位置点击即可拾取颜色
  • 手动输入：知道色值的话可以直接输入HEX或RGB值来查看对应颜色
  • 一键复制：选定颜色后点对应格式旁边的复制按钮，色值直接进剪贴板

注意事项

图片取色的精度取决于图片本身的分辨率，模糊的图片取出来的颜色可能不太准。另外显示器色差也会影响你看到的颜色，如果是做印刷品建议最终以印刷打样的颜色为准。所有图片处理都在浏览器本地完成，不会上传到服务器。

常见问题

如何从图片中提取颜色？
点击"图片取色"标签，上传图片后，在图片上点击任意位置即可提取该点的颜色。
网页开发应该用哪种颜色格式？
推荐使用HEX格式（如#FF5733），简洁易用。如需透明度，可用RGBA格式（如rgba(255,87,51,0.5)）。
印刷设计应该用什么格式？
印刷设计应使用CMYK格式，因为印刷机使用青、品红、黄、黑四色油墨，与屏幕的RGB显示不同。
图片会上传到服务器吗？
不会。所有图片处理都在浏览器本地完成，您的图片不会上传到任何服务器，保护隐私安全。
历史记录保存多久？
历史记录保存在浏览器本地存储中，最多20个颜色。清除浏览器数据会清空历史，也可手动点击清空。
HSL格式有什么优势？
HSL更直观：色相(H)控制颜色类型，饱和度(S)控制鲜艳程度，亮度(L)控制明暗。方便调整配色。
制作证件照时，怎么快速找到标准背景颜色代码？
上传含有标准证件照背景色的参考图片，例如蓝色或白色背景图，然后在本工具中点击该颜色区域，即可快速获取其精确的HEX、RGB等颜色代码，确保您的证件照背景色符合要求。
我从图片里取到的颜色，怎么复制粘贴到其他设计软件比如PS或Figma？
在取色结果区域，直接点击您想要的颜色代码（如HEX、RGB），它会自动复制到剪贴板。然后，您就可以轻松粘贴到Photoshop、Figma、Sketch或其他任何设计或开发工具中，实现无缝对接。
所有图片均在浏览器本地完成处理，不会上传至服务器，您的隐私受到保护。