色轮
在交互色轮上探索和谐配色，从单一基色生成均衡色板。
立即试用RGB 转 HEX：颜色代码转换器
输入你的 RGB 值，例如 230, 88, 23，立即得到用于 CSS 的十六进制代码，同时提供 HSL、CMYK、LAB 等格式。也支持反向转换。
#
#2C71DErgb(44, 113, 222)
RGB 通道
- 红2C → 44
- 绿71 → 113
- 蓝DE → 222
或者直观地选择颜色
颜色转换
RGB 转 HEX 颜色表
最常查询的颜色及其 RGB 值和十六进制代码。点击任意颜色即可载入转换器。
| 颜色 | HEX | RGB |
|---|---|---|
| #FFFFFF | rgb(255, 255, 255) | |
| #000000 | rgb(0, 0, 0) | |
| #FF0000 | rgb(255, 0, 0) | |
| #00FF00 | rgb(0, 255, 0) | |
| #0000FF | rgb(0, 0, 255) | |
| #FFFF00 | rgb(255, 255, 0) | |
| #00FFFF | rgb(0, 255, 255) | |
| #FF00FF | rgb(255, 0, 255) | |
| #FFA500 | rgb(255, 165, 0) | |
| #800080 | rgb(128, 0, 128) | |
| #FFC0CB | rgb(255, 192, 203) | |
| #A52A2A | rgb(165, 42, 42) | |
| #808080 | rgb(128, 128, 128) | |
| #C0C0C0 | rgb(192, 192, 192) | |
| #000080 | rgb(0, 0, 128) | |
| #808000 | rgb(128, 128, 0) |
如何把 RGB 颜色转换为 Hex
每个 RGB 通道都是 0 到 255 之间的十进制数。要转换为 Hex，需要把这个数转换为 16 进制，每个通道得到一个 00 到 FF 的两位值。把三对结果按红、绿、蓝顺序连接起来，就得到完整的 Hex 代码。
例如，颜色 rgb(230, 88, 23) 的转换过程如下：
- 230E6红
- 8858绿
- 2317蓝
#E65817结果是 #E65817。这正好是Hex 转 RGB 转换器的逆过程。
- 230 ÷ 16 = 14 (E), 余数 6 → E6
- 88 ÷ 16 = 5, 余数 8 → 58
- 23 ÷ 16 = 1, 余数 7 → 17
公式详解
把每个值除以 16：商是这对字符的第一位，余数是第二位。10 到 15 用字母表示：A = 10、B = 11、C = 12、D = 13、E = 14、F = 15。
CSS 支持的 HEX 和 RGB 格式
同一种颜色可以有多种写法。它们都适用于当前浏览器，转换器也能识别其中任何一种。
6 位 HEX
最常用的格式：每个通道两个字符，按红、绿、蓝顺序排列。大小写均可。
简写 HEX（3 位）
如果每对字符相同，可以简写：
#FF6600可写成#F60。带透明度的 HEX（8 位）
最后两个字符是 Alpha 通道：
00为透明，FF为不透明。80相当于 50%。带逗号的 rgb()
经典语法，兼容所有浏览器。每个通道取值 0 到 255。
现代 rgb()
CSS Color 4 语法：数值以空格分隔，斜杠后可选透明度。
rgba()仍可作为别名使用。
在色轮中探索你的颜色
常见问题
把三个 RGB 值（0 到 255）分别转换为 16 进制，每个通道得到一个两位数。三对按红、绿、蓝顺序连接，组成 Hex 代码。
十六进制用数字 0 到 9 和字母 A 到 F 表示 10 到 15 的值，所以最终的 Hex 代码可能同时包含两者。
这不是有效值。每个 RGB 通道只接受 0 到 255 之间的数字，也就是一个字节能表示的完整范围。
可以。转换器支持 230, 88, 23、230 88 23、rgb(230, 88, 23)、rgb(230 88 23) 和 rgba(…)。如果包含透明度，计算 6 位 HEX 时会忽略它。
可以，使用Hex 转 RGB 转换器进行反向转换：输入你的十六进制代码，即可得到对应的三个 RGB 值。
当每对字符相同时可以使用的简写形式：#F60 等于 #FF6600，#FFF 等于 #FFFFFF。转换器两种都支持。
在末尾再加两个字符，即 Alpha 通道。#E6581780 是同一种橙色、50% 不透明度；00 完全透明，FF 不透明。