RGB颜色对照表 - 141种常用颜色代码速查（HEX/RGB值/色块预览）

工具介绍

RGB 颜色对照表是一款帮助设计师、前端开发者快速查询与转换颜色的在线工具。它支持 HEX（十六进制）与 RGB（红绿蓝）两种表示法之间的双向互转，并提供 140+ 种常用颜色的名称、RGB 值与 16 进制对照，方便在开发与设计工作中随时查阅。

工具完全在浏览器本地运行，无需联网、不上传任何数据，输入颜色值即可即时得到转换结果。无论是配色核对、样式调试还是学习颜色模型，它都是一款轻量实用的小助手。

示例：输入 HEX 值 #FFB6C1 → 得到 RGB 255, 182, 193（浅粉）；反向输入 0, 250, 154 → 得到 HEX #00FA9A。点击任意色卡即可复制对应 HEX 值。

什么是 RGB 颜色？

RGB 是光学三原色模型，R、G、B 分别代表红、绿、蓝三个通道，每个通道取值 0–255，三通道叠加即可混合出各种颜色。

什么是 HEX 颜色码？

HEX 是十六进制颜色码，用 # 后跟 6 位十六进制数表示颜色，前两位为红、中间两位为绿、后两位为蓝，例如 #FF0000 表示纯红。

RGB 和 HEX 有什么区别？

两者表达同一种颜色，只是写法不同：RGB 用十进制（0–255），HEX 用十六进制（00–FF）。CSS 中两者都可用，HEX 更简洁，RGB 便于扩展透明度。

如何把 HEX 转换成 RGB？

将 HEX 去掉 # 后每两位转成十进制即可。例如 #FFB6C1：FF=255、B6=182、C1=193，得到 RGB(255, 182, 193)。也可直接使用本工具输入自动转换。

如何把 RGB 转换成 HEX？

将每个通道的十进制转为两位十六进制并拼接。例如 0,250,154 → 00、FA、9A，得到 #00FA9A。

网页中什么时候用 RGB 什么时候用 HEX？

两者表现等价。HEX 书写短、易复制；需要透明度时必须使用 rgba()。现代项目两者皆可，按团队规范选择。

透明度（Alpha）怎么表示？

使用 rgba() 格式，第四位为透明度，取值 0–1，例如 rgba(255,0,0,0.5) 表示半透明红。本工具可在 RGB 输入附带 alpha 自动输出 rgba() 写法。

添加 rgb() 前缀有什么用？

勾选后输出会从 255, 182, 193 变为 rgb(255, 182, 193)，直接符合 CSS 语法，方便粘贴到样式表中使用。

色表中的英文名称指什么？

英文名称是 W3C/X11 标准颜色关键词（如 Tomato、SkyBlue），可直接在 CSS 中使用，也可用于检索。

转换结果和原图颜色有细微差别怎么办？

显示器色彩空间、sRGB 与 Adobe RGB 差异以及四舍五入都可能造成轻微偏差。本工具按标准 sRGB 计算，用于网页与界面设计是准确的。

更新日期：2026-11-02