#2563eb
Alpha: 100%
预设颜色
最近使用
RGB 通道
颜色选择器使用指南
工具介绍
颜色选择器是一款在线取色和颜色转换工具，支持屏幕取色、HSV 调色、RGB/HEX/HSL 格式互转、颜色渐变生成等功能。适用于设计师调色、前端开发 CSS 颜色值转换、品牌色值管理等场景。工具提供常用配色方案和渐变色参考，帮助您快速找到合适的颜色。
使用步骤
- 1使用取色器在色板上选择颜色，或直接输入 HEX/RGB/HSL 值
- 2调整色相、饱和度、明度滑块精确调色
- 3查看转换后的多种颜色格式值，一键复制
- 4可生成互补色、类似色、三角色等配色方案
- 5在渐变生成器中创建线性或径向渐变，复制 CSS 代码
常见问题
Q：HEX、RGB、HSL 有什么区别？
A：HEX 是十六进制表示法（如 #FF5733），常用于 CSS 和设计工具；RGB 是红绿蓝三通道数值（如 rgb(255,87,51)），直观易懂；HSL 是色相、饱和度、明度（如 hsl(15,80%,60%)），更符合人类对颜色的感知，便于调整明暗。
Q：怎么从图片中取色？
A：您可以使用浏览器的截图工具截取图片，然后在系统取色器中吸取颜色，或使用本工具的颜色输入功能手动输入。部分浏览器支持屏幕取色 API，后续版本会集成。
Q：颜色对比度怎么算？
A：WCAG 2.1 标准要求正文文本对比度至少 4.5:1，大文本至少 3:1。您可以在选择前景色和背景色后，工具会自动计算对比度并提示是否符合无障碍标准。