图片取色器
从任意图片即时提取颜色
上传、粘贴或输入 URL,获取 HEX、RGB、HSL、CMYK 等格式。主色提取、和谐色与对比度检查,全部在浏览器本地完成。
Needs Chromium EyeDropper API
或粘贴 (Ctrl/Cmd+V) · 拖拽到下方拖入图片开始取色
支持 JPG、PNG、WEBP、GIF、BMP。悬停放大预览,点击锁定颜色;可用右侧邻近像素网格微调。图片仅在本地处理。
当前颜色
近似色名:海洋绿
#2596be
查看颜色详情 →取色历史
点击图片取色后会出现在这里
主色板
加载图片后自动提取最多 8 个主色
和谐色
深色 Shades
浅色 Tints
对比度快检
Aa 预览标题
敏捷的棕色狐狸跳过懒狗。
3.40:1
AA Normal: Fail
AA Large: Pass
AAA Normal: Fail
AAA Large: Fail
常见问题
如何从图片中取色?+
上传或粘贴图片后,将鼠标悬停在图片上可放大预览像素颜色,点击即可锁定并复制 HEX、RGB、HSL 等格式。
什么是 HEX 颜色代码?+
HEX 是用十六进制表示红、绿、蓝通道的颜色写法,例如 #2596be,广泛用于网页 CSS 与设计工具。
图片会上传到服务器吗?+
不会。取色在浏览器本地通过 Canvas 完成。仅当你主动使用「从 URL 加载」时,服务器才会代为拉取该公开图片地址。
支持哪些颜色格式?+
支持 HEX、RGB、RGBA、HSL、HSLA、HSV、CMYK 以及 CSS 变量,均可一键复制。
完全免费吗?+
是的,核心取色与全部工具均可免费使用,无需注册。