💬 反馈建议

🌙 深色模式

屏幕取色器

基于浏览器原生 EyeDropper API，从屏幕任意位置拾取像素颜色，实时给出 HEX / RGB / RGBA / HSL，并保存最近取色历史

#1677FF

rgb(22, 119, 255) · hsl(215, 100%, 54%)

点击按钮后，将鼠标移到屏幕任意位置点击即可拾取该像素颜色。

取色历史

还没有取色记录，最多保留最近 16 个颜色。

HEX

#1677FF

RGB

rgb(22, 119, 255)

RGBA

rgba(22, 119, 255, 1)

HSL

hsl(215, 100%, 54%)

关于屏幕取色器

屏幕取色器基于浏览器原生 EyeDropper API，可从屏幕任意位置（包括浏览器外部的窗口、桌面背景、视频画面）拾取像素颜色，并实时给出 HEX、RGB、RGBA、HSL 四种色值，一键复制即可使用，最近 16 个取色历史会自动保存在本地。

使用步骤

点击 "开始屏幕取色" 按钮，鼠标将变为放大镜十字光标。
移动鼠标到屏幕任意位置预览像素颜色，单击鼠标即可拾取当前像素的颜色（按 Esc 可取消）。
取色完成后，HEX / RGB / RGBA / HSL 会自动同步，点击对应行 "复制" 按钮即可粘贴使用。
取色历史会自动保存最近 16 个颜色，单击色块可切换当前颜色，双击直接复制 HEX 值。

常见使用场景

从设计稿截图、网页、视频中精确提取品牌色或参考色
前端开发时快速对比 UI 与设计稿之间的颜色差异
从桌面壁纸、照片中提取主色调用于配色方案
PPT / 海报排版时统一不同素材的颜色风格