跳到主要内容
Color Picker & Eyedropper — HEX RGB HSL for Developers

Color Picker & Eyedropper — HEX RGB HSL for Developers EN

Badz Khan · Edge MV3

Free eyedropper & color picker. Grab any HEX, RGB, HSL, HSV color, check WCAG contrast, save palettes, and export CSS.

6用户 v1.0.0当前版本

截图

  • Color Picker & Eyedropper — HEX RGB HSL for Developers 截图
  • Color Picker & Eyedropper — HEX RGB HSL for Developers 截图
  • Color Picker & Eyedropper — HEX RGB HSL for Developers 截图
  • Color Picker & Eyedropper — HEX RGB HSL for Developers 截图
  • Color Picker & Eyedropper — HEX RGB HSL for Developers 截图

简介

Color Picker & Eyedropper is the fast, clean color tool for developers and designers. Pick any color on any web page with the built-in eyedropper, fine-tune it, and copy it in the exact format you need — HEX, RGB, RGBA, HSL, HSLA, or HSV — instantly.

No sign-up. No ads. No tracking. 100% free, and it works offline.

━━━━━━━━━━━━━━━━━━━━
WHAT YOU CAN DO
━━━━━━━━━━━━━━━━━━━━

🎯 EYEDROPPER — SAMPLE ANY PIXEL
Grab a color from anywhere on the current page using Chrome's native eyedropper. One click, one color, straight into your workflow.

🎨 EVERY FORMAT, ONE-CLICK COPY
Copy HEX, RGB, RGBA, HSL, HSLA, HSV, and a ready-to-paste CSS custom property. Full alpha/transparency support in every format. Each copy shows an instant confirmation.

🎚️ FULL MANUAL COLOR PICKER
A saturation/brightness square, hue slider, and alpha slider — plus a HEX input that accepts #rgb, #rrggbb, and #rrggbbaa.

🕘 RECENT + SAVED PALETTES
Your last 20 colors are remembered automatically. Save your favorites, name them, and delete them anytime.

🌈 SHADES, TINTS & HARMONIES
Generate a full tint/shade scale and color harmonies — complementary, analogous, and triadic — from any base color in one tap.

♿ WCAG CONTRAST CHECKER
Compare two colors, see the exact contrast ratio, and get AA/AAA pass/fail for both normal and large text. Build accessible interfaces with confidence.

📤 EXPORT
Copy your whole palette as CSS variables or JSON with one click — drop tokens straight into your codebase.

━━━━━━━━━━━━━━━━━━━━
PRIVATE BY DESIGN
━━━━━━━━━━━━━━━━━━━━

- 100% free, forever
- No account or sign-in
- No ads, no analytics, no tracking
- No network requests — everything runs on your device
- Only one permission: "storage" (to save your colors locally)

━━━━━━━━━━━━━━━━━━━━
WHO IT'S FOR
━━━━━━━━━━━━━━━━━━━━

Front-end and web developers, UI/UX designers, and anyone who works with CSS and needs a reliable hex color picker and eyedropper.

Keywords: color picker, eyedropper, hex color picker, rgb to hex, hsl color picker, css color picker, color picker for developers, wcag contrast checker, color palette generator.

Made by the team at seolust.com.

Color Picker & Eyedropper — HEX RGB HSL for Developers 是做什么的

Color Picker & Eyedropper — HEX RGB HSL for Developers 是一款面向 Edge 的实用工具类扩展,主要用来解决浏览器里某类具体的小问题。官方对它的介绍是:Free eyedropper & color picker. Grab any HEX, RGB, HSL, HSV color, check WCAG contrast, save palettes, and export CSS.在微软 Edge 加载项商店上,它当前版本 1.0.0,约 6 名用户。

适合什么人用

从功能定位看,Color Picker & Eyedropper — HEX RGB HSL for Developers 更适合想补上浏览器原生缺失功能的用户。如果你平时只是偶尔遇到相关需求,用浏览器自带功能也能凑合;但如果这件事每天都发生,装一个专门处理它的扩展通常比手动操作省事得多。

怎么安装 Color Picker & Eyedropper — HEX RGB HSL for Developers

  1. 打开微软 Edge 加载项商店上的官方页面;
  2. 点「添加到浏览器」并确认权限提示;
  3. 装好后在扩展列表里固定图标,方便随时开关。

本站只做索引与介绍,安装包来自官方商店。如果商店页面提示当前地区不可用,说明该扩展未在你所在区域上架。

常见问题

Color Picker & Eyedropper — HEX RGB HSL for Developers 是免费的吗?

Color Picker & Eyedropper — HEX RGB HSL for Developers 在微软 Edge 加载项商店免费提供下载。它是浏览器扩展,装上就能直接用,不需要注册账号。

Color Picker & Eyedropper — HEX RGB HSL for Developers 安全吗?

它只申请了 0 项权限,范围比较克制,没有申请「读取所有网站数据」这种大权限。

Color Picker & Eyedropper — HEX RGB HSL for Developers 支持哪些浏览器?

当前收录的版本来自微软 Edge 加载项商店,适用于 Edge。同一个扩展在其他商店可能有对应版本,但功能与版本号不一定相同。

怎么卸载 Color Picker & Eyedropper — HEX RGB HSL for Developers?

在扩展管理页找到 Color Picker & Eyedropper — HEX RGB HSL for Developers,点移除即可。它在本地保存的设置会一起清掉,不会残留数据。

权限清单 来自 manifest.json 原文

接口权限 1

  • storage