#4133FF
点击选取颜色
HEX
R · G · B
R · G · B (0–255)
CSS
color: rgb(65, 51, 255);
即时颜色转换器
color: rgb(65, 51, 255);
Hex 和 RGB 是网页中表示同一种颜色的两种方式。像 #4133FF 这样的十六进制代码将红、绿、蓝三种颜色压缩成一个六位字符串,而 RGB 则用 0 到 255 之间的独立数字分别表示每个通道。
设计师常用十六进制代码,因为它简洁、易于复制;而有些工具和 CSS 属性则需要 RGB 格式——这个转换器可以让你即时在两者之间切换,无需手动计算。
| 黑色 | #000000 |
rgb(0, 0, 0) |
| 白色 | #FFFFFF |
rgb(255, 255, 255) |
| 红色 | #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) |
| 灰色 | #808080 |
rgb(128, 128, 128) |
| 橙色 | #FFA500 |
rgb(255, 165, 0) |
十六进制颜色代码是一个六位十六进制数(如 #FF5733),使用 16 进制数值分别表示红、绿、蓝三种颜色。它是 CSS 和 HTML 中标准的颜色格式。
RGB 代表红(Red)、绿(Green)、蓝(Blue)——数字屏幕使用的三个颜色通道。每个通道的取值范围是 0 到 255,因此 rgb(255, 87, 51) 表示红色最大、绿色中等、蓝色较低。
十六进制代码被拆分为三组数字对,分别对应红、绿、蓝。每组是一个 16 进制数,转换为 10 进制(0–255)后即为对应的 RGB 值。
RGBA 增加了第四个值——透明度(alpha),范围从 0(完全透明)到 1(完全不透明)。纯 RGB 和十六进制代码始终是完全不透明的。
可以——十六进制代码是 CSS 中设置颜色最常见的方式之一,例如 color: #4133FF; 或 background-color: #f2f2f7;。