在线免费颜色选择器
选取颜色并即时获取其HEX、RGB和HSL值。
Who uses the 颜色选择器?
- 从品牌风格指南中提取精确HEX代码用于CSS的网页设计师。
- 在HEX、RGB、HSL和CMYK之间转换以用于设计规范的开发者。
- 将颜料或织物颜色与数字参考进行匹配的艺术家和手工艺者。
How the 颜色选择器 works
点击颜色样本，打开浏览器原生的颜色选择器，选择任意色相、饱和度和亮度。
或者在文本字段中输入已知的HEX代码(例如#3b82f6)以加载该确切颜色。
HEX、RGB、HSL和CMYK值会在下方即时更新。
点击任意「复制」按钮，将该格式的值复制到剪贴板。
Tips & tricks
- 这里没有取色器或屏幕颜色采样功能——颜色选择只能通过浏览器原生的色轮对话框或直接输入HEX代码来完成。
- 没有调色板生成器、互补色/类似色/三色组建议，也没有色调/阴影输出——此工具一次只能转换并显示一种颜色。
- 没有内置的无障碍/WCAG对比度检查器——在此处选择您的颜色，然后使用专门的对比度检查工具单独检查对比度。
- HEX文本字段仅接受完整的6位代码(例如#3b82f6)——3位简写HEX(如#3bf)将无法被识别。
Frequently Asked Questions
如何从图像或我的屏幕上取色？
此工具没有内置的取色器/屏幕采样功能——它仅提供浏览器原生的颜色选择器(色轮/滑块对话框)和手动HEX输入。要从现有图像或屏幕上采集颜色，请使用操作系统内置的取色工具(例如macOS的数码颜色计量器、Windows PowerToys颜色选择器)或浏览器开发者工具的取色器，然后将得到的HEX代码粘贴到此处。
HEX、RGB和HSL颜色格式有什么区别？
HEX(#FF5733)是网页/CSS中使用的简写形式。RGB(255, 87, 51)指定红、绿、蓝分量，范围为0–255。HSL(11°, 100%, 60%)使用色相、饱和度、明度——更直观地用于设计调整。此工具同时显示这三种格式。
什么是CMYK？我什么时候需要它？
CMYK(青、品红、黄、黑)是印刷中使用的色彩模型。如果您要将设计发送给印刷厂，请索取CMYK值——屏幕(RGB/HEX)颜色在印刷时可能看起来不同。
此工具是否检查WCAG对比度或无障碍合规性？
不会——它只将您选择的颜色转换并显示为HEX/RGB/HSL/CMYK格式。它不会计算相对于白色/黑色的对比度比率，也不会标记WCAG是否通过。要检查无障碍对比度，请使用专门的对比度检查工具并输入您选择的HEX值。
此工具能否从一种颜色生成完整的调色板(互补色、类似色、三色组)？
不能——此工具仅将单个选定颜色转换并以不同格式显示；它不会生成调色板建议、色调或阴影。要从基础颜色构建调色板，请使用专门的调色板生成工具。
Is my data safe when using the 颜色选择器?
Completely safe. The 颜色选择器 processes everything locally in your browser. No input data, results, or usage information is ever transmitted to or stored on any server.
What image formats does the 颜色选择器 support?
The 颜色选择器 works with common image formats supported by your browser, including JPEG, PNG, WebP, and GIF. SVG support varies by tool. No format conversion plugin or driver is needed.
Does the 颜色选择器 work with large image files?
Yes. The 颜色选择器 processes files entirely in your browser using the Canvas API. Very large files (over 20 MB) may take a few extra seconds on older or lower-powered devices. Closing other tabs can free up memory for better performance.