HEX 取色器
从图片获取精确 HEX 颜色代码
上传、粘贴或输入图片 URL，点击任意像素即可得到 #RRGGBB，并同步复制 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 vs RGB vs HSL
HEX 适合 CSS 与设计交付；RGB 适合代码与 Canvas；HSL 适合做色相/饱和度/明度调整与主题系统。
常见问题
什么是 HEX 颜色代码？+
HEX 以 # 开头，后接 6 位十六进制字符，分别表示红、绿、蓝通道，是 CSS 与设计工具中最常见的颜色写法。
如何从图片得到 HEX？+
上传图片后点击目标像素，HEX 会即时显示并可一键复制。
HEX 和 RGB 有什么区别？+
二者描述同一颜色：HEX 更紧凑适合样式表，RGB 更适合程序计算与透明度场景。