取色器
选择颜色并获取 HEX、RGB、HSL 代码
在浏览器中运行
HEX
#3B82F6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)快速颜色
什么是取色器？
取色器是一种在线工具，帮助您选择颜色并获取多种格式（HEX、RGB、HSL）的颜色代码，适合设计师、开发者和任何需要处理颜色的项目。
使用场景
- 为网站或应用设计选择颜色
- 获取用于 CSS 的 HEX、RGB、HSL 代码
- 为品牌或项目寻找匹配颜色
- 在不同颜色格式之间转换
何时使用？
当您需要选色、获取颜色代码或转换颜色格式时使用。特别适合网页设计师、UI/UX 设计师和前端开发者。
示例
品牌蓝色
输入
#1A6CF5
输出
- HEX
- #1A6CF5
- RGB
- rgb(26, 108, 245)
- HSL
- hsl(218, 92%, 53%)
暖色调强调色
输入
#F4A261
输出
- HEX
- #F4A261
- RGB
- rgb(244, 162, 97)
- HSL
- hsl(27, 87%, 67%)
常见问题
HEX、RGB 和 HSL 有什么区别？
它们以不同方式描述同一种颜色。HEX 是 CSS 中使用的紧凑形式，RGB 列出 0 到 255 的红、绿、蓝数值，HSL 使用色相、饱和度和亮度，便于生成更浅或更深的色调。
如何复制颜色代码？
选择一种颜色，然后点击所需 HEX、RGB 或 HSL 值旁边的复制按钮。
为什么从 HSL 转换回来可能得到略有不同的颜色？
HSL 值会四舍五入为整数，因此转换回 HEX 时可能相差一级。