1. 01输入 HEX、rgb()、hsl()、颜色名等 CSS 颜色，或用原生颜色选择器。
2. 02复制需要的颜色格式，或点色阶色块复制 HEX。
3. 03在对比度区选前景和背景，查看比值及 WCAG AA/AAA 判定。
4. 04支持 EyeDropper 的浏览器可点“屏幕取色”；Esc 取消不会报错。

• 可接受范围取决于 colord 对 CSS 颜色语法的支持，不是浏览器所有未来颜色函数的完整解析器。
• 色阶是 colord.tints(10) / shades(10) 的算法结果，不等于某个设计系统固定色板。
• WCAG 检查按插件实现的 WCAG 2.0 对比度阈值：AA 正文 4.5、AA 大字 3、AAA 正文 7、AAA 大字 4.5。
• EyeDropper 只在支持该 Web API 的浏览器启用；它需要用户主动点击并受浏览器权限/安全上下文约束。
• 屏幕取色只返回用户选中的 sRGB HEX，不持续截屏或录屏。

颜色计算在浏览器本地完成；EyeDropper 只在用户主动调用后由浏览器返回单个颜色值，不上传屏幕内容。