在线工具 / 图片处理 / 颜色工具与取色器 / 使用说明

🎨 颜色工具与取色器 · 使用说明

HEX/RGB/HSL 互转、屏幕取色、图片主色提取三合一。

🎯 它解决什么问题?

前端调样式要来回转格式,找设计稿主色要开专业软件。

四种格式

HEX/RGB/HSL/CSS 变量一键复制

屏幕取色

EyeDropper API(Chrome/Edge)

主色提取

上传图片出 8 色板

📋 使用步骤

  1. 选色器选颜色或屏幕取色
  2. 复制需要的格式
  3. 上传图片可提取主色并回填

💡 你需要知道的细节

常见问题

屏幕取色在 Firefox 能用吗?

暂不支持 EyeDropper API,可截图后用图片主色提取替代

提取的主色是精确值吗?

是桶内平均值,适合配色参考,精确取色用屏幕取色

🎨 现在就去用 →