免费在线取色器
任选颜色，复制 HEX、RGB、HSL、HSV 和 CMYK 色值。
正在加载编辑器…
如何使用本工具
想知道一个颜色的色值，在取色板上拖动，或在自己的图片上点一下，HEX、RGB、HSL、HSV 和 CMYK 色值就会立即显示并可一键复制。适合匹配品牌色、从照片或同行帖子里取色，以及检查文字是否清晰可读；页面还会给出浅色、深色变体，以及在白底、黑底上的对比度评级。
- 01
选择颜色
在方块里拖动调整饱和度和亮度，再拖动色相条；也可以在输入框里填写任意 HEX、RGB 或 HSL 值。
- 02
或从图片、屏幕取色
点击从图片取色，选择照片或截图，再点击像素即可。在 Chrome 和 Edge 中，点击屏幕取色可以从显示器上任意位置取色。
- 03
复制色值
一键复制 HEX、RGB、HSL、HSV 或 CMYK，查看对比度评级，点击浅色或深色色块即可设为当前颜色。
各种颜色格式
• HEX（#F64C31）：CSS、Canva 和大多数设计软件使用的六位色值 • RGB（246, 76, 49）：红、绿、蓝三个通道，各 0 到 255 • HSL（8, 92%, 58%）：色相、饱和度、亮度，方便手动微调 • HSV（8, 80%, 96%）：色相、饱和度、明度，取色方块就是按它排列的 • CMYK（0%, 69%, 80%, 4%）：印刷参考值，最终印刷颜色请按印刷厂的色彩配置确认
怎样看对比度
WCAG 对比度表示用这个颜色在白底或黑底上写字是否清楚： • 7:1 以上（AAA）：可读性最好 • 4.5:1 以上（AA）：适合正文 • 3:1 到 4.5:1：适合大字、标题和图标 • 低于 3:1：适合做背景和装饰，文字可改用更深或更浅的色阶
浅色、深色与社媒品牌配色
浅色是把颜色和白色混合，深色是和黑色混合，各 6 档，比例从 15% 到 90%。用它们可以快速做出配套的背景、边框和悬停状态，也能让小红书、抖音封面和 YouTube 缩略图保持统一的品牌色调。点击任意色块即可设为当前颜色。
常见问题
怎么从图片里取色？
点击从图片取色，选择图片，再点击想要的像素。移动指针时，指针下方颜色的 HEX 色值会显示在角落。
怎么从屏幕上取色？
在电脑版 Chrome 或 Edge 中点击屏幕取色，再点击显示器上任意位置。在任何浏览器里，也可以先截图，再用从图片取色。
RGB 怎么转 HEX？
在输入框里填写 RGB 值，例如 rgb(246, 76, 49) 或 246, 76, 49，列表里就会显示 HEX 色值 #F64C31，可直接复制。
HEX 色值是什么？
由 # 加六位十六进制数组成，红、绿、蓝各占两位。#FFFFFF 是白色，#000000 是黑色。
可以输入哪些格式的色值？
支持 HEX（#F64C31 或 #F43）、RGB（rgb(246, 76, 49) 或 246, 76, 49）和 HSL（hsl(8, 92%, 58%)），输入后会自动换算成其他所有格式。
CMYK 值怎么用于印刷？
把它当作起点参考。需要精确的印刷颜色时，请对照印刷厂的色彩配置，或品牌手册里的 CMYK、潘通色值。
“仅适合大字”是什么意思？
对比度在 3:1 到 4.5:1 之间，按 WCAG 标准适用于大号或粗体文字（约 24 px，粗体约 19 px）。正文请选对比度达到 4.5:1 的色阶。
图片会被上传吗？
不会。取色时图片只在浏览器里读取，始终保留在你的设备上。
能做配色方案吗？
能。可以用这里的浅色和深色，或打开 SocQ 色轮工具，为基础色找互补色、类似色和三角配色。
取色器免费吗？
免费，无需注册，不限次数。
面向开发者
追踪 Pinterest 上的配色趋势
在做品牌配色或灵感板？SocQ 的 Pinterest API 可以获取公开 Pin、搜索结果、创作者主页和用户的 Pin 列表，帮你收集热门视觉素材，再到这里取色。
