RGB 转 HEX
输入 RGB 数值，实时输出 16 进制颜色值、CSS 写法和常见用途。
查看页面颜色知识
什么是 RGB
RGB 是网页和屏幕场景最常见的颜色表示方式之一。理解它之后，RGB、HEX、RGBA 这些写法之间的关系就会非常清晰。
发布时间：2026-04-30 · 最近更新：2026-04-30 · 阅读时长：4 分钟
先看结论
如果你只想先抓重点，可以先看这几条。
- RGB 是加色模型，三个通道数值越高，颜色越接近白色。
- 网页里的 RGB 和 HEX 本质上都在描述同一组屏幕颜色数据，只是写法不同。
- 需要透明度时，通常会使用 RGBA 或 8 位 HEXA。
适合搭配使用的工具
读完概念后，直接回到这些工具页做实际转换和校对会更高效。
RGB 到底是什么
RGB 是 Red、Green、Blue 三个通道的缩写，也就是红、绿、蓝三原色。屏幕会通过这三个发光通道的不同强度叠加出各种颜色，所以 RGB 属于典型的加色模型。
在网页开发里，RGB 常见写法是 `rgb(255, 99, 71)`。三个数字分别代表红、绿、蓝通道的强度，通常取值范围是 `0-255`。当三个通道都是 `0` 时就是黑色，都是 `255` 时就是白色。
- `rgb(255, 0, 0)` 是纯红。
- `rgb(0, 255, 0)` 是纯绿。
- `rgb(0, 0, 255)` 是纯蓝。
为什么网页和屏幕场景都喜欢用 RGB
因为显示器、手机屏幕、平板和绝大多数数字设备，最终都是通过发光像素来显示颜色。既然底层硬件就是红绿蓝三通道叠加，RGB 自然会成为前端开发和设计软件里最直接的颜色表达方式。
这也是为什么设计稿里拿到颜色标注后，你通常会在 Figma、Sketch、Photoshop、浏览器 DevTools 或 CSS 代码里反复看到 RGB、HEX 和 HSL 的切换。它们都服务于屏幕显示，只是适合的场景不同。
RGB、RGBA 和 HEX 该怎么选
如果你只是写一个纯色背景、边框或文字颜色，RGB 和 HEX 都可以，本质没有优劣之分，主要看团队习惯。很多前端项目更喜欢用 HEX，因为写法短，也便于和设计稿对照。
如果你需要透明度，例如遮罩、浮层、标签底色、玻璃感背景，就更适合使用 RGBA 或 8 位 HEXA。因为这两种写法都能把透明度和颜色写在一起，减少额外样式层。
- 纯色：RGB 或 HEX 都可以。
- 需要透明度：优先 RGBA 或 8 位 HEXA。
- 需要调节色相和明度：更适合转到 HSL 再处理。
相关工具
这些工具可以把上面的规则直接落到颜色转换、配色和检查流程里。
常见问题
把最常被问到的疑问集中补齐，方便用户和搜索引擎快速定位答案。
RGB 和 RGBA 的区别是什么？
RGBA 比 RGB 多了一个透明度通道 `A`，取值通常是 `0-1`。如果需要半透明背景、蒙层或标签底色，RGBA 会比纯 RGB 更直接。
RGB 和 HEX 是不是两种不同颜色体系？
不是。它们本质上都在描述屏幕颜色，RGB 是十进制三通道写法，HEX 是把同一组三通道值改成十六进制表示。
网页里什么时候不适合只用 RGB？
当你需要透明度控制、配色微调、主题层级扩展时，只用 RGB 会不够灵活。此时可以结合 RGBA、HSL 或品牌色板来处理。
继续阅读
如果你在搭完整颜色栏目，可以继续沿着概念、配色和可读性方向往下看。