色轮
在交互色轮上探索和谐配色，从单一基色生成均衡色板。
立即试用HEX 转 RGB：颜色代码转换器
输入或粘贴十六进制代码，立即得到可直接复制到 CSS 的 RGB 值，同时提供 HSL、CMYK、LAB 等格式。也支持反向转换。
#
#2C71DErgb(44, 113, 222)
RGB 通道
- 红2C → 44
- 绿71 → 113
- 蓝DE → 222
或者直观地选择颜色
颜色转换
HEX 转 RGB 颜色表
最常查询的颜色及其十六进制代码和 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) |
如何把 Hex 颜色转换为 RGB
Hex 代码有六个字符，分为三对：红、绿、蓝各一对。每一对都是一个 16 进制数（十六进制，使用数字 0 到 9 和字母 A 到 F），把它转换为 10 进制数（十进制，0 到 255）即可得到 RGB 值。
例如，颜色 E65817 可以这样分解：
- E6230红
- 5888绿
- 1723蓝
rgb(230, 88, 23)结果是 rgb(230, 88, 23)。每个通道的值越高，最终混合中该颜色就越强。
- E6 = 14 × 16 + 6 = 230
- 58 = 5 × 16 + 8 = 88
- 17 = 1 × 16 + 7 = 23
公式详解
在十六进制中，每对字符的第一位是第二位的 16 倍：把第一个字符乘以 16，再加上第二个字符。字母的值为 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()仍可作为别名使用。
从 Hex 到和谐的调色板
常见问题
Hex 代码中的每对字符以 16 进制表示一个通道（红、绿、蓝）。把每对转换为 10 进制，就得到该通道 0 到 255 之间的数值，三者合起来就是 RGB 值。
因为三个颜色通道（红、绿、蓝）各需要两个字符，而每对 16 进制字符可以表示 256 个不同的值，与 RGB 的范围相同。
十六进制用数字 0 到 9 和字母 A 到 F 表示 10 到 15 的值。所以 Hex 代码可以同时包含数字和字母，例如 E65817。
可以，使用RGB 转 Hex 转换器进行反向转换：输入三个 RGB 值，即可得到对应的十六进制代码。
当每对字符相同时可以使用的简写形式：#F60 等于 #FF6600，#FFF 等于 #FFFFFF。转换器两种都支持。
在末尾再加两个字符，即 Alpha 通道。#E6581780 是同一种橙色、50% 不透明度；00 完全透明，FF 不透明。
如今实际上没有区别：在现代 CSS 中，rgb() 也支持透明度，例如 rgb(230 88 23 / 50%)，而 rgba() 为了兼容性保留为别名。