屏幕取色器

拖入截图，光标扫过去就能读出那一点的准确颜色——HEX、RGB、HSL 随移动实时刷新。

还没有图片

把图片拖到这里，或按 ⌘V / Ctrl+V 粘贴截图，也可以直接选择文件。

支持 PNG、JPG、WebP、GIF、BMP；单张不超过 20 MB、1600 万像素。

全部在浏览器内完成，图片只在内存里读取，不上传、不落盘。

浏览器支持时可用「从屏幕取色」直接读取屏幕上任意一点；没有这个按钮时，截图后粘贴进来即可。

已拾取

还没有钉住任何颜色——在图上点一下。

使用方法

载入图片：拖进来、按 ⌘V / Ctrl+V 粘贴截图、选择文件，或点「载入示例」。
把光标移到图上，HEX / RGB / HSL 实时刷新；桌面端还会显示 11 × 11 像素的放大镜。
点击或轻触某个像素，把它钉进下方的「已拾取」列表，再一键复制任意格式。
浏览器支持时可点「从屏幕取色」，不载入图片也能读取屏幕上任意一点的颜色。
键盘：聚焦图片后用方向键移动取样点（按住 Shift 加速），回车钉住当前颜色。
点「清空」复位图片、读数与列表。

示例

示例图

ykit-sample.png
1200 × 800 · 六个纯色块 + 渐变背景 + 一块完全透明的区域

读数

#1E5FBF
rgb(30, 95, 191)
hsl(216, 73%, 43%)
色族：蓝 · 坐标 240, 180

读数来自光标下的原始像素，不是缩放后的预览图；完全透明的像素会明确报「没有颜色」，不会给出 #000000。

口径、上限与已知问题

色族只是按色相与明度做的粗分类，不是精确颜色名。
完全透明的像素没有颜色，工具会明确说明，不会显示 #000000；半透明像素保留它本身的 RGB 并标注不透明度。
取样用的是原始像素，但预览是缩放显示的：抗锯齿边缘会混色，请在形状内部取色，不要点在描边上。
屏幕取色依赖浏览器的 EyeDropper 支持与用户手势；不支持时按钮不出现，改用截图粘贴。
一次只处理一张图片，上限 20 MB、1600 万像素；超限会在解码前明确拒绝，不静默变慢。
照片受白平衡、压缩与屏幕校准影响，取到的值与文件一致，不保证与实物一致。
不做主色板、格式互转、图片编辑与屏幕标尺——这些是独立工具，见下方链接。

取到颜色之后的下一步。