这个工具有问题吗?

关于「从图片取色 在线」

功能说明

从图片拾取颜色是用于你自己图片的取色器。加载一张图片,点击某处,工具就会读取该像素的精确颜色并显示给你。无需猜测,也无需手动配色——你指向想要的颜色,立即得到它的精确数值。

它显示的数值

每次拾取都会同时以三种格式给出:HEX,如 #3b82f6RGB,如 rgb(59, 130, 246);以及 HSL,如 hsl(217, 91%, 60%)。每个数值都有一键复制按钮,你可以把颜色直接放进 CSS、设计工具或文档。对于网页 & 设计工作,你通常想要的是 HEX。

拾取颜色的历史

工具会以一排色块的形式保存你拾取的颜色历史。在图片的多个位置取样,每个颜色都会被保存,方便你比较、复制较早的一个,或在不丢失进度的情况下拼出整个调色板。这是从单张图片中提取一组相关颜色的最快方式。

私密且在浏览器中

一切都完全在你的浏览器中运行。图片在你的设备上本地读取,绝不会上传到服务器,因此没有任何内容离开你的电脑。这让它对机密样稿、客户 logo 和截图都很安全。用它来从 logo 中提取品牌色从照片中匹配颜色,或从截图中取样颜色

如何使用这个工具

使用步骤

  1. 上传图片——从设备中选取,选一张包含你想要颜色的 logo、照片或截图。

  2. 在图片上点击一处,拾取该像素的精确颜色。

  3. 读取 HEX、RGB 和 HSL 数值,点击你需要的那个旁边的复制按钮。

  4. 继续点击以收集更多颜色——每个都会加入你的历史,方便你构建调色板。

提示

  • 放大以精确取像素。当颜色彼此靠近时,放大图片有助于你落在真正想要的那个像素上。
  • 使用高质量图片。清晰、未压缩的图片颜色更真实;严重的 JPEG 伪影会让你拾取的像素发生偏移。
  • 为 CSS 和设计工具复制 HEX。# 数值可干净地粘贴进样式表、Figma 和大多数编辑器。