📸 插件核心功能

截图拾色器 工具

在网页任意区域截图框选,自动分析配色方案。
无需离开页面,所见即所得,让取色更直观、更高效。

📸
截图框选
🎨
自动配色分析
即截即用
体验
账号密码都是quseqi

🚀 截图拾色,一步到位 框选即分析,配色一目了然

📸

截图框选取色

不用截图保存

在页面任意区域截图分析(商品、包装、卡片等),自动分析配色。

  • 页面任意区域截图分析
  • 自动分析截图区域的配色方案
  • 无需离开页面,所见即所得
PRO
📌

智能吸管取色

方便

可从屏幕任意位置精准取色,支持跨窗口操作。

  • 支持跨窗口取色,无需截图
  • 精准捕捉屏幕上任意像素颜色
  • 取色后自动保存到历史记录
🎨

可视化色盘

方便

直观的颜色选择器,自由挑选心仪颜色,实时预览。

  • 黑白双背景对比预览
  • 轻松判断颜色在不同背景下的表现
  • 取色即用,实时更新配色方案
🌐

一键提取网页配色

方便

一键分析当前网页的完整配色方案,智能识别主色、辅助色等。

  • 智能识别主色/辅助色/背景色/强调色
  • 🤖 AI 配色提示词自动生成
  • 支持复制全部色值、导出为色卡
PRO
🔄

全能颜色格式转换

方便

HEX/RGB/HSL/CMYK 互转,支持 CSS 变量等多种专业格式。

  • 基础格式:HEX、RGB、HSL 互转(免费)
  • 专业格式:CMYK、CSS 变量、Tailwind 类名
  • 支持 Swift UIColor、Android Color
PRO
🎯

更多贴心功能

方便
  • 📋 取色历史:自动保存,支持恢复、清空
  • 🎯 配色方案推荐:互补色、相似色等
  • 🪟 浮动面板:固定在右上角,支持拖拽
  • 🌐 浏览任意网站时,都可以便捷取色

📋 截图拾色三步走 简单三步,轻松取色

1

安装插件

下载插件并按照安装教程完成安装,浏览器右上角出现取色器图标。

2

框选截图区域

在任意网页点击插件图标,选择截图框选工具,框选你想要分析的区域。

3

获取配色方案

自动分析截图中的配色,主色、辅助色一目了然,一键复制使用。

🎯 适用人群

🎨

UI/UX 设计师

快速提取竞品配色,获取设计灵感,提升工作效率

💻

前端开发者

一键转换颜色格式,生成 CSS / Tailwind / SCSS 代码

📊

产品经理

分析优秀网页的配色方案,辅助产品设计决策

❤️

设计爱好者

随时随地取色,记录灵感,让色彩触手可及

❓ 常见问题

截图拾色功能怎么使用?

安装插件后,在任意网页点击插件图标,选择截图框选工具,框选你想要分析的区域即可自动生成配色方案。

插件支持哪些浏览器?

目前支持几乎所有主流浏览器(Chrome、Edge、360浏览器等)。

截图拾色和普通取色有什么区别?

普通取色只能获取单个像素颜色,而截图拾色可以框选一个区域,自动分析该区域的主色、辅助色等完整配色方案,更适合分析设计作品、网页布局等场景。

🌟 截图拾色器 — 框选即分析,配色一目了然。

下载插件