颜色转换器 - 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 代码（例如 #3B82F6）
- 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 完成。不会上传或存储任何数据。您的隐私完全受到保护。
如何将 HEX 转换为带透明度的 RGBA？
HEX 代码没有 alpha 通道，因此本转换器显示的 RGBA 值始终使用 alpha 1（完全不透明）。要在 CSS 中让颜色透明，请从转换器中获取 RGB 值并添加自己的 alpha：rgba(59, 130, 246, 0.5)——最后一个数字是不透明度，范围从 0（透明）到 1（不透明）。HSL 使用 hsla() 的方式相同。
发现此工具有问题？
报告问题