Native Color Picker - 滴管与调色板

使用原生取色器选取屏幕颜色，复制 HEX、RGB 或 HSL，保存调色板并检查对比度。无需账户。

Native Color Picker - 滴管与调色板是一款面向设计师、开发者以及所有需要处理屏幕颜色的用户的取色工具。使用浏览器原生滴管选取一个可见像素，然后在同一个本地工作区中编辑、复制和重复使用该颜色。 ✨ 功能介绍 • 选取屏幕上的像素，并以您偏好的 HEX、RGB 或 HSL 格式自动复制颜色。 • 手动输入现有颜色代码，或直接切换格式，无需打开其他工具。 • 保留最近十种颜色，并将最多六种颜色固定到可重复使用的调色板中。 • 将固定的调色板导出为 JSON 或 CSS 自定义属性。导入兼容的 JSON 调色板，将颜色合并到剩余空位中。 • 使用双色对比度检查器比较前景色和背景色。查看对比度比值、普通文本的 WCAG AA 和 AAA 结果，以及大号文本的 AA 结果。 • 选择浅色主题、深色主题，或跟随系统偏好。 • 使用键盘快捷键打开弹出窗口，按 Enter 或空格键开始屏幕取色。 🚀 使用方法 1. 将 Native Color Picker 固定到工具栏并打开。首次运行的快速入门会说明操作控件和当前有效的快捷键。 2. 点击“选取颜色”，然后点击一个可见像素。按 Escape 即可取消原生取色，不会保存新颜色。 3. 复制一种格式、修改颜色值或固定颜色。打开调色板工具以导入或导出已保存的颜色，也可以比较两种颜色的对比度。 🎯 适合谁用 需要从可见设计稿中收集少量品牌颜色的设计师。 需要将 HEX、RGB 和 HSL 颜色值用于 CSS 的前端开发者。 需要检查所选文字与背景颜色组合是否具有足够对比度的用户。 🔒 隐私说明 颜色、历史记录、固定的调色板、偏好设置和使用计数仅保存在当前 Chrome 配置文件的扩展本地存储中。调色板文件在您的设备上读取或下载。取色工具不会上传这些内容，不会收集浏览历史，也不使用分析工具。无需账户。只有在您主动选择时，商店评价链接和推荐链接才会打开。 ❓ 常见问题 它会扫描网站或从图片中生成调色板吗？ 不会。您可以使用原生滴管逐个选择可见像素，或手动输入不透明颜色值。它不会检查页面样式，也不会自动从图片中提取调色板。 对比度结果是否等同于完整的无障碍审查？ 不等同。它只计算您所选两种颜色的对比度，不会检查页面的实际背景、字体大小、图片或其他无障碍要求。 屏幕取色需要浏览器支持 EyeDropper API。本扩展适用于 Chrome 114 或更高版本。如果建议的快捷键与其他命令冲突，快捷键可能保持未分配状态；快速入门中提供了快捷键设置链接。 所有内置工具均免费。支持邮箱：balubenko.ink@gmail.com。