取色器
从照片取色 · HEX RGB
从照片取色
把文件拖到这里点击选择文件放在这里照片 1 张，最大 30MB。照片不会上传到服务器。1 张照片 · 30MB
点击照片取色。放大后可以拖动移动，方向键一次移动 1 个像素（按住 Shift 一次 10 个）。
直接选择颜色
结果
- HEX
- RGB
- HSL
- HSV
- XYZ
照片和颜色值只在浏览器中处理，不会发送或存储到服务器。
使用说明
可以直接选色，也可以从照片里取一个像素读出它的颜色值。HEX、RGB、HSL、HSV、XYZ 一次全部显示，方便直接用到 CSS 或设计软件里。照片只在浏览器中处理，不会上传。
什么时候用
- 想知道 logo 或商品图里用的颜色 HEX 值。
- 从截图里直接取出背景色。
- 把同一个颜色的各种表示法一次看清楚。
使用方法
- 直接选色请用选择颜色栏，或输入 HEX 值。
- 要从照片取色，请在下方从照片取色载入图片（最大 30MB）。
- 点击照片即可取色，放大后可以拖动移动。
- 用方向键逐像素移动（按住 Shift 为 10 像素），精确定位。
- 复制需要的 HEX、RGB、HSL、HSV 或 XYZ 值。
需要知道的事
- 同时显示所取位置的像素坐标 (x, y)，方便回到同一点。
- JPG 因为压缩，相邻像素的颜色会略有差异，不要只信一个点，多取几处比较。
- 屏幕颜色在不同显示器上会有差异；印刷色（CMYK）不在本工具范围内。
- XYZ 是以人眼反应为基准的数值，用于精密色彩工作；日常用 HEX 或 RGB 就够。
- 照片和颜色值都只在浏览器中处理，不会保存到任何地方。
常见问题
可以吸取屏幕上任意位置的颜色吗？
只能从载入本站的图片里取色，网页看不到浏览器之外的屏幕。需要屏幕上的颜色时，请先截图再载入那张图。
同一个颜色取出来的值略有不同。
JPG 压缩会混合相邻像素，所以看起来一致的色块，逐像素其实略有差异。可以多取几处取最常见的值，或改用 PNG 原图。
放大之后怎么操作？
放大后可以拖动照片，点一下之后用方向键可逐像素移动（按住 Shift 为 10 像素），适合吸取小图标或小字的颜色。
HSL 和 HSV 有什么区别？
两者都把颜色分成色相、饱和度、明度，但明度基准不同：HSL 中最纯的颜色在 50%，HSV 中在 100%。CSS 常用 HSL，绘画软件多用 HSV。