颜色选择器
颜色选择与转换工具 (HEX/RGB/HSL)
rgb(59, 130, 246)
hsl(217, 91%, 60%)
常用颜色
颜色选择器 使用说明
- 使用色盘直接选取颜色，或通过调整色相、饱和度、明度滑块选择
- 也可以在输入框中直接输入 HEX 值（如 #FF5733）、RGB 值（如 rgb(255,87,51)）或 HSL 值
- 工具自动实时转换显示 HEX、RGB、HSL 三种格式的颜色代码
- 预览选中的颜色效果
- 点击对应格式旁的「复制」按钮复制颜色代码到剪贴板
本工具完全免费，无需注册登录，打开浏览器即可使用。
颜色选择器 常见问题
HEX、RGB、HSL 三种颜色格式有什么区别？
HEX 是十六进制颜色表示（如 #FF5733），最常用于 CSS；RGB 使用红绿蓝三个分量表示（如 rgb(255,87,51)），直观表示颜色混合；HSL 使用色相、饱和度、明度表示（如 hsl(11,100%,60%)），更符合人类对颜色的直觉理解。
网页开发中用哪种颜色格式好？
HEX 格式最简洁常用（#FF5733）；如果需要控制透明度，使用 RGBA（rgba(255,87,51,0.8)）或 HSLA；HSL 在需要微调颜色时更直观，调整饱和度和明度即可生成同色系配色。
什么是颜色透明度（Alpha 通道）？
Alpha 通道控制颜色的透明度，值从 0（完全透明）到 1（完全不透明）。在 CSS 中可使用 rgba() 或 hsla() 格式，或使用 8 位 HEX 格式（如 #FF573380）来设置透明度。
如何获取网页上某个元素的颜色？
可以使用浏览器开发者工具（F12）→ 选取元素 → 查看 CSS 中的 color 或 background-color 属性。Chrome 还内置了吸色器工具，在颜色值旁点击色块即可使用。
