在线图片颜色提取工具
轻松上传或粘贴图片，精准拾取像素颜色。支持提取 HEX、RGB、HSL 等多种代码格式，设计师与开发者的得力助手。
美观、大气、优雅的提取图片颜色
拖放您的图片到这里
也支持直接 Ctrl + V 粘贴图片哦
图片仅在您的本地浏览器中渲染，绝不会上传至任何服务器
在图片上移动鼠标预览颜色，点击鼠标左键提取颜色
实时预览 (Live Preview)
提取颜色 (Selected Color)
历史记录
需要搭配色彩构建完整的调色板？
尝试我们的智能调色板生成器，根据您提取的主色调，一键生成和谐的配色方案！
关于颜色代码格式
什么是 HEX 代码？
HEX 代码（十六进制颜色代码）是网页设计和 HTML/CSS 中最常用的颜色表示方法。它以 "#" 开头，后面跟着 6 位数字或字母（例如 #165DFF）。这 6 位字符分为三组，每组 2 位，分别代表红（Red）、绿（Green）、蓝（Blue）颜色的强度，范围从 00（最低强度）到 FF（最高强度）。
什么是 RGB 代码？
RGB 颜色模型基于光的三原色：红（R）、绿（G）、蓝（B）。在数字屏幕（如显示器、手机）上，几乎所有的颜色都是由这三种光以不同的比例混合而成的。在 CSS 中，它通常写成 rgb(22, 93, 255) 的形式，括号内的三个数字分别代表红绿蓝的数值，范围在 0 到 255 之间。
什么是 HSL 代码？
HSL 代表色相（Hue）、饱和度（Saturation）和亮度（Lightness）。与 RGB 相比，HSL 更符合人类直观感知颜色的方式。通过调整色相环上的角度（0-360度），以及色彩的鲜艳程度和明暗度，设计师可以非常轻松地调配出和谐的同色系或对比色配色方案。
什么是 CMYK 代码？
CMYK 代表青色（Cyan）、洋红（Magenta）、黄色（Yellow）和黑色（Key/Black），是一种主要用于印刷行业的减色法色彩模型。如果您提取网页上的颜色是准备用于制作名片、海报等实体印刷品，请务必参考 CMYK 颜色值，以减小屏幕显示与实际印刷之间的色差。
如何使用取色器
1. 导入图片
点击上传区域选择图片，或直接拖拽图片。您也可以使用快捷键 Ctrl+V 粘贴截图。
2. 悬浮预览
将鼠标移动到图片上的任意位置，右侧的“实时预览”放大镜会向您展示当前像素的颜色。
3. 点击拾取
找到心仪的颜色后，单击鼠标左键即可固定提取该颜色，并自动将其保存到历史记录中。
4. 一键复制
在提取结果区，选择您需要的格式（HEX, RGB等），点击复制按钮即可粘贴到您的设计软件或代码中。
为什么选择我们的工具
纯本地处理，保障隐私
我们利用先进的 HTML5 Canvas 技术，在您的浏览器本地渲染和提取颜色。您的图片数据绝对不会被上传至我们的服务器。
格式丰富，无缝对接
不仅支持网页常用的 HEX 和 RGB 格式，同时提供设计师常用的 HSL 和 CMYK 参数计算，满足各种设计和前端开发场景。
智能历史记录保存
在您不断取色的过程中，我们会自动将提取过的颜色记录在面板下方。即使刷新页面，借助本地存储技术，您的颜色灵感也不会丢失。