颜色选择器

我们的颜色拾取器允许您上传任何图像（JPG、PNG、GIF、WebP）并单击以从单个像素提取精确的颜色值。为了准确的颜色拾取：1) 上传高分辨率图像以避免像素化——低分辨率图像可能显示插值颜色而不是真正的像素值。2) 直接单击您想要的颜色——工具读取该精确像素坐标处的RGB值。3) 如果可用，使用缩放功能精确瞄准小区域。4) 对于渐变，单击多个点以采样颜色范围。5) 该工具同时以所有支持的格式显示颜色——用于网络的HEX，用于图形的RGB，用于设计调整的HSL。应用：从logo中提取品牌颜色，从屏幕截图中匹配UI元素，从照片中识别颜色以获得设计灵感，从图像创建调色板以实现统一主题。隐私说明：所有图像处理都在您的浏览器中本地进行——图像永远不会上传到任何服务器，确保机密设计保持私密。

Web内容可访问性指南（WCAG）要求文本可读性有足够的颜色对比度。我们的工具帮助您满足这些标准：对比度测量前景和背景颜色之间的亮度差异——WCAG 2.1 AA要求普通文本为4.5:1，大文本（18pt+或14pt粗体）为3:1，而AAA要求普通文本为7:1，大文本为4.5:1。测试：使用我们的工具检查对比度——输入前景和背景颜色，看看它们是否通过AA或AAA标准。最佳实践：1) 避免浅色背景上的浅色文本（例如，白色上的黄色）或深色上的深色——这些不符合可访问性。2) 不要仅依靠颜色来传达信息（还要使用图标、标签、模式）以便色盲用户使用。3) 使用灰度测试——您的设计应该在无颜色的情况下仍然可读。4) 考虑色盲：8%的男性是红绿色盲，因此避免将红/绿色作为唯一的区别颜色。我们的工具显示WCAG合规性的对比度和通过/失败状态。提示：设计时，从我们的和谐生成器中开始使用可访问的配色组合，然后用对比度检查器进行验证。

我们的工具允许您通过保存拾取或生成的颜色来构建自定义调色板。功能：1) 将无限的颜色保存到您的调色板——单击任何颜色上的保存按钮以将其添加。2) 持久存储——调色板保存到浏览器的本地存储，因此它们在会话之间持久存在，而无需帐户。3) 复制所有格式——每个保存的颜色显示HEX、RGB、HSL值，以便快速复制。4) 按项目组织——为不同的网站、品牌或设计项目创建单独的调色板。5) 导出选项——将调色板复制为CSS自定义属性（:root { --primary: #FF5733; }）、Sass/SCSS变量或JSON，以便在您的代码中使用。6) 共享调色板——导出您的调色板以与团队成员共享或导入到设计工具中。最佳实践：为颜色使用描述性名称（例如，"primary-blue"而不是"blue1"），包括品牌颜色和功能颜色（成功、警告、错误），记录带有使用指南的调色板（何时使用每种颜色），在不同上下文中测试调色板（亮/暗模式，各种背景）。对于专业工作，请考虑使用Adobe Color或Coolors等工具进行高级调色板管理，但我们的工具无需离开浏览器即可提供快速的调色板生成。

您的隐私和安全得到保证：所有颜色处理和图像处理完全在您的浏览器中使用客户端JavaScript进行。不会向任何服务器发送任何数据——没有拾取的颜色、没有保存的调色板、没有上传的图像、没有使用分析、没有cookie、没有跟踪。整个颜色拾取过程使用Canvas API在您的设备上本地运行，Canvas API从图像中提取像素数据而无需网络访问。您可以通过断开互联网连接来验证这一点——该工具继续完美运行，因为它不需要网络连接。当从机密设计、内部屏幕截图或敏感材料中拾取颜色时，这一点特别重要。此外，我们的网站通过HTTPS提供服务并具有严格传输安全（HSTS），确保工具本身在传输期间未被篡改。由于所有处理都是本地的，我们没有记录您拾取的颜色或上传的图像——即使我们想访问您的数据，我们也无法访问。为了在处理未发布的设计或机密资产的企业环境中获得最大安全性，我们的工具是安全的，因为没有任何东西离开您的浏览器。我们建议如果在共享环境中工作，请在使用后清除保存的调色板。