Real Color Picker Logo
Real Color Picker
100% 免费取色器 • 无限制 • 免登录

免费在线 图片取色器 与调色板设计工作室

使用精准取色器提取精确的HEX、RGB、HSL和OKLCH颜色代码。上传图片、剪贴板粘贴(Ctrl+V)或通过16倍放大镜精准拾色。

将图片拖放至此处，或 浏览本地文件

直接从剪贴板粘贴 (Ctrl+V / Cmd+V) 或从桌面拖入图片

PNG, JPG, WEBP, SVG, GIF最大 25MB100% 纯本地浏览器处理

请在上方上传或选择一张示例图片以开始提取颜色

100%
Click点击以锁定并提取颜色•↑ ↓ ← →用于 1 像素精准微调
当前选中颜色
#0070F3
当前色彩Vercel Electric Blue

Electric Cerulean Blue

High vibrancy, primary UI anchor color.

颜色代码与格式复制
History0 / 20
色彩搭配方案
色调与明暗阴影
Tints+10% ~ +90% White
Shades+10% ~ +90% Black
Tones+10% ~ +90% Gray

调色板生成与管理工作台

算法生成和谐色彩方案或直接从图片中提取调色板

WCAG 对比度与无障碍检测工作台

实时评估 WCAG 2.1 文本对比度与色盲可读性标准

AAA ≥ 7.0AA ≥ 4.5Large ≥ 3.0
常规文本 (16px)AAA 通过

敏捷的棕色狐狸跃过懒狗

实时高对比度无障碍可读性测试预览。

计算对比度比率4.52 : 1
常规文本 (AA)通过
大号文本 (AA)通过
常规文本 (AAA)未通过
Test Against:
Color Vision Deficiency (CVD) SimulationHow color-blind users perceive your palette

CSS 渐变生成工作室

轻松创建、微调并复制现代多节点 CSS 渐变样式代码

Live CSS Gradient Preview
background: linear-gradient(135deg, #0070F3 0%, #7928CA 50%, #FF0080 100%);
角度135°
渐变色标
Preset Styles
本地保存调色板库100% Client-Side

存储于您浏览器本地的私有色彩收藏

专业的免费在线取色器与调色板生成工具

专为前端工程师、UI/UX 设计师、插画师及创作者打造，具备亚像素精度与秒级响应体验。

01

16x 亚像素放大镜

配备独立像素网格显示与键盘方向键微调，彻底告别误触，精准锁定目标像素。

02

K-Means 智能色彩提取

基于快速聚类算法，一键从任何图片中提取主色调、鲜艳色及柔和色系。

03

WCAG 2.1 与开发代码导出

实时检测 AA/AAA 无障碍可读性，一键导出 Tailwind CSS v4 与 Figma 配色 Tokens。

如何使用 Real Color Picker 在线取色器

只需 4 个简单步骤，即可从任何数字图片中提取、分析并导出颜色代码。

1

导入或捕获图片

拖放图片文件 (PNG, JPG, WEBP, SVG)、剪贴板粘贴 (Ctrl+V) 或点击屏幕吸管提取任意像素。

2

放大并精准锁定像素

移动 16 倍放大镜，配合方向键进行 1 像素微调，点击即可锁定颜色。

3

查看代码与和谐搭配

即时查看并复制 HEX、RGB、HSL、CMYK、LAB 和 OKLCH 颜色代码及互补色调。

4

保存与导出开发代码

保存至本地私有色彩库，或直接导出为 Tailwind CSS v4、CSS Variables 及 Figma 代码。

色彩格式完整对照表

Real Color Picker 支持在 8 种以上行业标准色彩空间中进行秒级互转。

Format格式名称适用场景 / 规范说明
HEX (#RRGGBB)#0070F3HTML / CSS / Figma / Web Standards
RGB / RGBArgb(0, 112, 243)Web Development & HTML5 Canvas
HSL / HSLAhsl(212, 100%, 48%)UI Design Systems & CSS Variables
OKLCHoklch(0.58 0.22 255.4)Modern CSS Color 4 Perceptual Gamut
CMYKcmyk(100%, 54%, 0%, 5%)Print, Press & Graphic Publishing

常见问题解答 (FAQ)

关于在线取色、图片吸管工具及色彩空间转换的常见疑问。

Real Color Picker 与 Google 有关联吗？
Real Color Picker 是一个独立的在线色彩工具平台，与 Google 无任何隶属关系。我们致力于为全球开发者和设计师提供 100% 免费、纯本地端运行的高速色彩工具。
什么是取色器工具？
取色器是一种数字工具软件，用于在屏幕、图片或画布上准确采样和识别具体像素的颜色值，并转换为 HEX、RGB、HSL、CMYK 和 OKLCH 等标准数字颜色代码。
如何在电脑或手机上从图片中提取颜色代码？
只需将图片拖入上传区域或直接粘贴。图片加载后，通过 16 倍放大镜移动光标，点击任意像素即可立即复制对应的 HEX 十六进制代码。
这款图片取色器是否完全免费且无限制？
是的，Real Color Picker 永久免费，无付费墙、无订阅费用，所有调色板生成、WCAG 对比度测试和代码导出功能均可无限制使用。
保存调色板需要注册账号吗？
完全不需要注册。所有调色板数据都安全保存在您浏览器的本地存储 (localStorage) 中，数据完全属于您自己。
相比普通浏览器吸管工具，它有什么优势？
我们提供 16 倍超高倍率亚像素放大镜、网格十字瞄准线，并支持方向键进行 1 像素物理步进微调，确保采样的绝对精准。
可以使用随机取色器生成调色板吗？
当然可以！在调色板生成器页面按下空格键，即可基于色彩和谐理论快速轮换数百万种平衡优美的配色方案。
Color Picker 与 Hex Color Picker 有何区别？
它们指的是同类工具。Hex Color Picker 特指将颜色输出为 Web 与 UI 设计中最常用的 6 位十六进制代码 (如 #0070F3)。
工具如何评估 WCAG 2.1 对比度合规性？
内置算法根据 W3C WCAG 2.1 规范精确计算相对亮度，分别评估 AA 级 (正文至少 4.5:1，大字 3:1) 和 AAA 级 (至少 7:1) 的合规性。
我上传的图片会被保存在服务器上吗？
绝不会。所有图像解析和像素计算均在您本地浏览器的 HTML5 Canvas 沙箱中进行，图片绝不会上传至任何远程服务器。