适用于 Chrome、Edge 和 Firefox 的取色扩展
从网页任意位置取色，或粘贴任意颜色代码，一键复制为 HEX、RGB、HSL 或 OKLCH。提取整个网站的配色，并导出为 CSS、Tailwind 或设计令牌。
免费，无需账号，离线可用。
功能
- 吸管取色
- 获取页面上任意像素的颜色，并立即按你的格式复制数值。
- 识别任何颜色
- 可以粘贴 HEX、rgb()、hsl()、oklch()、sky-500 这样的 Tailwind 类名、Swift 或 Flutter 代码，或“藏青色”这样的名称。
- 输出所有格式
- HEX、RGB、HSL 和 OKLCH 并排显示，每种一键复制。你选择的格式会成为默认格式。
- 网站配色
- 收集当前页面的颜色和 CSS 变量，合并几乎相同的颜色，并把用得最多的排在前面。
- 导出
- 把页面配色复制为 CSS 变量、Tailwind @theme 代码块、SCSS、JSON、设计令牌或 SVG。
- 历史记录
- 最近的颜色就在扩展窗口里，只保存在当前浏览器中。
权限
扩展只申请四项权限，从不申请访问所有网站。每项权限只做一件事。
activeTab- 访问当前标签页，并且只在你点击扩展图标或按下快捷键之后。
scripting- 在你请求页面配色或取色时，运行读取该页面颜色的小脚本。
storage- 在当前浏览器中保存最近的颜色和偏好格式。
clipboardWrite- 复制你需要的颜色或代码。
从不申请的权限
访问所有网站 · 你的浏览记录或标签页列表 · 统计分析、广告或跟踪 · 从网络加载的代码
键盘快捷键
在任何页面按 Alt+Shift+P，无需打开窗口即可取色。快捷键可以在浏览器的扩展设置中修改。
常见问题
PickShade 扩展免费吗？
免费。吸管取色、所有格式、页面配色、导出和历史记录全部免费，无需账号，也没有广告。
为什么有些页面无法读取？
浏览器不允许任何扩展读取它自己的页面，例如设置页、新标签页和扩展商店。在这些页面上，窗口仍可转换你粘贴的颜色，在 Chrome 和 Edge 中吸管也照常可用。
扩展会把我的颜色发送到别处吗？
不会。颜色在扩展内部使用与 pickshade.com 相同的 CSS Color 4 算法计算。不会向服务器发送任何内容，历史记录保留在你的浏览器中。
在 Firefox 中吸管如何工作？
Firefox 没有为扩展提供内置吸管，因此 PickShade 会截取页面可见部分并显示放大镜。点击某个像素，或用方向键移动放大镜后按 Enter。