RGB⇄16进制(HEX)颜色代码转换｜免费・无需注册
即时将 RGB 十进制数值与十六进制(HEX)颜色代码相互转换。适用于 CSS 编写、设计工具取色等场景，免费使用、无需注册。
十进制（Base 10）
| R | |
|---|---|
| G | |
| B |
十六进制（Base 16）
| # |
|---|
RGB 与十六进制颜色代码的关系
屏幕上的颜色，由红、绿、蓝三种光按不同比例混合而成。用 0 到 255 的数值分别表示三者的强度，就是 RGB 格式；把这三个数值各自换算成两位十六进制并排在一起，就得到 #RRGGBB 形式的颜色代码。两者只是同一个颜色的两种写法，本工具负责在它们之间相互转换。
之所以存在两种写法，是因为用途不同。十六进制只用六个字符就能表示一个颜色，便于在 CSS 和设计工具之间传递。而 RGB 能直接看到各通道的数值，想把红色调强一点这类微调会更直观。为了配合不同的工作场景，本工具同时显示两种格式。
颜色代码转换的使用方法
- 输入要转换的数值 在十进制栏中填入 R、G、B 的数值，或在十六进制栏中填入颜色代码。从任意一侧输入都可以完成转换。
- 查看另一种格式 输入的同时会显示对应的数值，可以直接复制粘贴到 CSS 或设计工具中使用。
- 调整数值试验颜色 增减十进制一侧的数值，颜色的变化会更容易把握，便于逐步逼近想要的效果。
用好本工具的小技巧
- CSS 中可以使用
#RRGGBB和rgb(R, G, B)两种格式指定颜色。 - R（红）、G（绿）、B（蓝）每个通道的值范围为 0〜255（十六进制 00〜FF）。
- 白色为
#FFFFFF（255, 255, 255），黑色为#000000（0, 0, 0）。 - Figma、Adobe XD 等设计工具均支持两种格式，复制数值即可直接使用。
- 简写
#FFF等同于#FFFFFF（白色），是有效的 CSS 写法之一。
颜色代码转换的使用场景
从设计稿交付到编码
把设计工具中以 RGB 显示的颜色转换成 CSS 使用的十六进制格式，避免手工换算时出错。
准确还原品牌色
当指定色只有其中一种格式时，转换后即可统一使用，防止文档与网页上的颜色出现偏差。
对颜色进行微调
直接改动十六进制不易判断增减幅度，换成 RGB 数值后调整更直观，适合微调明度或色调。
分析现有网站的配色
把从开发者工具中取得的颜色代码转换后，就能以数值形式掌握各通道的强度。
颜色代码相关术语
- RGB
- 用红、绿、蓝三种光的强度表示颜色的方式。每个通道取值 0 到 255，三者均为 255 时即为白色。
- 十六进制
- 用 0 到 F 共十六个符号计数的记法。0 至 255 恰好可用两位表示，因此被用于颜色代码。
- 简写
- 像
#FFF这样缩短为三位的写法，仅在各通道的两位字符相同时才能使用。 - 24位色
- 为每个通道各分配 8 位的方式，合计可表现约 1,677 万种颜色。
- 通道
- 构成颜色的各个分量。在 RGB 中，红、绿、蓝分别对应一个通道。
常见问题
#FFFFFF 和 #ffffff 在 CSS 中表示相同的颜色，大小写不影响结果。#AABBCC → #ABC）。像 #1DA1F2 这样的值无法简写。
闲话 ― 色彩的奥秘 ― 人眼与1677万色的世界
人眼能识别的颜色数量约为 1000万色（因人而异）。RGB 24位色（每通道8位）可表示 16,777,216 种颜色（约1677万色），远超人眼的识别能力。
知名品牌色的 RGB 值：Twitter 蓝 #1DA1F2（29, 161, 242）、Google 红 #EA4335（234, 67, 53）、LINE 绿 #00B900（0, 185, 0）。蒂芙尼标志性的蓝色「Tiffany Blue」接近 #0ABAB5，是少数被注册为商标的颜色之一。
有趣的是，CSS 中有一个名为 rebeccapurple（#663399）的颜色。这是 CSS 规范制定者 Eric Meyer 的女儿 Rebecca（享年6岁）去世后，由 CSS 社区提议，于2014年正式纳入标准，以示追悼。这段故事在工程师社区中广为流传。