颜色转换器 - HEX RGB HSL 转换器
使用免费在线颜色转换器在 HEX、RGB、RGBA、HSL 和 HSV 格式之间转换颜色。实时预览，即时转换。
rgb(51, 102, 255)rgba(51, 102, 255, 1)hsl(225, 100%, 60%)hsv(225, 80%, 100%)#3366ff什么是 HEX 颜色？
HEX 颜色是网页设计和 CSS 中使用的 6 位十六进制颜色表示法。它以井号 (#) 开头，后跟三对十六进制数字，分别表示红色、绿色和蓝色分量。例如，#FF0000 表示纯红色（255 红、0 绿、0 蓝）。HEX 颜色是 Web 开发中最常用的格式。
RGB 与 HSL
RGB
RGB（红绿蓝）将颜色表示为红、绿、蓝光的组合。每个分量范围为 0-255。RGB 对机器直观，但对人类不够直观。
HSL
HSL（色相、饱和度、亮度）以符合人类感知的方式表示颜色。色相是颜色类型（色轮上 0-360 度），饱和度是强度（0-100%），亮度是明暗度（0-100%）。HSL 对设计师更直观。
颜色格式示例
HEX#3366FF — 用于 CSS、HTML 和 Web 开发。6 位十六进制，支持简写（#36F）。RGBrgb(51, 102, 255) — 用于 CSS。每个值范围 0-255。RGBArgba(51, 102, 255, 0.8) — RGB 加透明度（0.0-1.0）。HSLhsl(225, 100%, 60%) — 色相（0-360），饱和度和亮度（0-100%）。HSVhsv(225, 80%, 100%) — 色相、饱和度和明度。用于图形软件。如何使用颜色转换器
- 1
使用颜色选择器选取颜色或输入 HEX/RGB 值
- 2
所有颜色格式即时更新 — HEX、RGB、RGBA、HSL 和 HSV
- 3
点击「随机颜色」发现新颜色
- 4
使用复制按钮将任意格式复制到剪贴板
常见问题
如何将 HEX 转换为 RGB？
HEX 颜色只是 RGB 值的十六进制表示。转换 HEX 到 RGB：将 6 位 HEX 代码拆分为三个 2 位组（例如 #FF8040 变为 FF=255, 80=128, 40=64）。每组是一个表示红、绿、蓝分量的十六进制数字。我们的转换器自动完成此操作。
CSS 使用什么颜色格式？
CSS 支持多种颜色格式：HEX（#FF0000）、RGB/rgb(255,0,0)、RGBA/rgba(255,0,0,0.5)、HSL/hsl(0,100%,50%) 和命名颜色（red, blue）。HEX 和 RGB 是最广泛支持和最常用的。
HSL 和 HSV 有什么区别？
两者都使用色相和饱和度，但第三个分量不同。HSL 使用亮度——50% 是纯色，0% 是黑色，100% 是白色。HSV 使用明度——100% 是纯色，0% 是黑色。HSL 在 CSS 和 Web 设计中更常见，HSV 在图像编辑软件中更常见。
我的数据会发送到服务器吗？
不会。所有颜色转换完全在您的浏览器中使用 JavaScript 完成。不会上传或存储任何数据。您的隐私完全受到保护。