点击按钮开始取色
检测浏览器支持中...
支持格式：#RGB、#RRGGBB、rgb(r,g,b)、hsl(h,s%,l%)、颜色名称等
屏幕取色器（Color Picker / Eyedropper）是一种通过系统API直接从屏幕任意位置提取颜色的工具。它允许你点击屏幕上的任意像素，获取该位置的精确颜色值。本工具基于浏览器原生的EyeDropper API，无需安装任何软件，在浏览器中即可直接使用。
步骤一：启动取色。点击页面中的「开始取色」按钮，浏览器会弹出系统级取色光标。此时你可以移动鼠标到屏幕任意位置，点击即可获取该点的颜色。取色过程中，光标旁边会实时显示当前指向的颜色预览。
步骤二：查看结果。取色完成后，工具会自动解析颜色并显示多种格式：HEX（十六进制，如#06B6D4）、RGB（红绿蓝，如rgb(6,182,212)）、HSL（色相饱和度亮度）、HSV（色相饱和度明度）以及CMYK（印刷四色）。点击任意格式后的「复制」按钮即可将值复制到剪贴板。
步骤三：对比度检查。取色后工具会自动计算该颜色与白色、黑色的对比度，并标注是否符合WCAG无障碍标准（AA级要求4.5:1以上）。这可以帮助设计师快速判断文字颜色是否满足可读性要求。
如果你的浏览器不支持EyeDropper API，或者想快速查询某个已知颜色的各种格式，可以使用手动输入功能。支持输入HEX（如#06b6d4或#0bd）、RGB（如rgb(6,182,212)）、HSL（如hsl(189,94%,43%)）以及标准颜色名称（如red、blue、teal等）。
UI/UX设计：在浏览网页、设计稿或参考图时，快速获取某个元素的确切颜色值，确保设计一致性。设计师经常使用取色器从竞品网站或设计灵感中获取配色方案。
前端开发：在调试页面时，需要确认某个元素的实际颜色值是否与设计师标注一致。取色器可以直接从渲染结果中读取颜色，避免色差问题。
品牌配色管理：通过取色器收集和整理品牌色板，统一不同渠道的视觉呈现。配合历史记录功能，可以快速回顾和复用常用品牌色。
无障碍设计：通过对比度检查功能，确保文字颜色与背景色的对比度满足WCAG标准，提升网站的可访问性，让更多用户（包括色弱、视力障碍用户）能够正常阅读内容。
EyeDropper API目前支持以下浏览器：Chrome 95+、Edge 95+、Opera 81+。Firefox和Safari暂不支持该API，但可以通过手动输入颜色值的方式使用本工具的所有其他功能。建议使用最新版Chrome或Edge浏览器以获得最佳体验。
本工具完全在浏览器本地运行，取色操作由浏览器原生API处理，颜色数据仅保存在本地存储(localStorage)中，不会上传到任何服务器。您可以随时点击「清空历史」按钮删除所有本地数据。
屏幕取色器基于EyeDropper API实现，目前Chrome 95+、Edge 95+、Opera 81+等Chromium内核浏览器均支持。Firefox和Safari暂不支持EyeDropper API，但可以使用手动输入颜色值的方式使用本工具。
所有颜色数据仅保存在浏览器本地(localStorage)，不会上传到任何服务器。即使刷新页面，历史取色记录也会保留。您可以随时清除历史记录。
在工具页面底部的颜色输入区域，可以直接输入HEX、RGB、HSL等格式的颜色值，工具会自动解析并显示对应的颜色预览和多种格式转换结果。
颜色对比度检查用于评估前景色(如文字)与背景色之间的对比度是否符合WCAG无障碍标准。WCAG AA标准要求正常文本对比度至少为4.5:1，大文本为3:1。本工具可以帮助设计师和开发者确保网站的可访问性。