取色器 - Free Online Tool | PivaBox

从图片中选取颜色

颜色提取器 — 从图片中提取和识别颜色代码

1. 上传一张图片到颜色提取器。工具将图片加载到交互式画布上，您可以在图片上移动鼠标，实时查看每个像素的精确颜色值。
2. 点击图片任意位置即可捕获该像素的颜色。工具以多种格式同时显示颜色值：HEX（#RRGGBB）、RGB、HSL 和 HSV，并提供大尺寸的颜色预览色块。
3. 复制所需格式的颜色代码，用于您的设计、CSS、品牌物料或任何创意项目。可从任意图片中多次取色构建完整调色板。

Frequently Asked Questions

颜色提取器免费吗？

完全免费，无限制提取任意数量图片中的颜色，无水印、无使用限制。

我的图片会上传到服务器吗？

不会。所有颜色提取操作均通过 Canvas 像素处理在浏览器本地完成，您的图片不会离开设备。

设计师常用哪些颜色格式，如何在项目中使用提取的颜色？

不同场景需要不同的颜色格式：(1) HEX — CSS/HTML 标准，使用 6 位十六进制码。(2) RGB — 用于 CSS rgba() 函数和 Figma/Sketch 等设计工具。(3) HSL — 更符合人类直觉：色相（0-360° 色轮）、饱和度（0-100% 鲜艳度）、亮度（0-100% 明暗度），设计师偏爱 HSL 因为调饱和度和亮度比调 RGB 通道更自然。(4) HSV/HSB — Photoshop 取色器使用的格式。专业技巧：用取色器从品牌 logo 或网站截图中提取精确的品牌色，然后围绕这些基础色构建统一的配色方案。