RGB转16进制颜色在线转换器工具 · HEX颜色代码互转

在线RGB与十六进制颜色代码互转工具,快速实现RGB转HEX、HEX转RGB,支持实时颜色预览,附带140种常用颜色参考表。

🎨 RGB 输入
🎯 HEX 输入

转换结果 · 颜色预览

#FFB406
🔴 红色 (R)255
🟢 绿色 (G)180
🔵 蓝色 (B)6
🎯 HEX 代码#FFB406
📐 RGB 值rgb(255, 180, 6)

📋 常用颜色参考表

颜色英文名称中文描述十六进制RGB
LightPink浅粉红#FFB6C1255,182,193
Pink粉红#FFC0CB255,192,203
Crimson猩红#DC143C220,20,60
LavenderBlush脸红的淡紫色#FFF0F5255,240,245
PaleVioletRed苍白的紫罗兰红色#DB7093219,112,147
HotPink热情的粉红#FF69B4255,105,180
DeepPink深粉色#FF1493255,20,147
MediumVioletRed适中的紫罗兰红色#C71585199,21,133
Orchid兰花的紫色#DA70D6218,112,214
Thistle#D8BFD8216,191,216
Plum李子#DDA0DD221,160,221
Violet紫罗兰#EE82EE238,130,238
Magenta洋红#FF00FF255,0,255
Fuchsia灯笼海棠#FF00FF255,0,255
DarkMagenta深洋红色#8B008B139,0,139
Purple紫色#800080128,0,128
MediumOrchid适中的兰花紫#BA55D3186,85,211
DarkViolet深紫罗兰色#9400D3148,0,211
DarkOrchid深兰花紫#9932CC153,50,204
Indigo靛青#4B008275,0,130
BlueViolet深紫罗兰的蓝色#8A2BE2138,43,226
MediumPurple适中的紫色#9370DB147,112,219
MediumSlateBlue适中的板岩暗蓝灰色#7B68EE123,104,238
SlateBlue板岩暗蓝灰色#6A5ACD106,90,205
DarkSlateBlue深岩暗蓝灰色#483D8B72,61,139
Lavender熏衣草花的淡紫色#E6E6FA230,230,250
GhostWhite幽灵的白色#F8F8FF248,248,255
Blue纯蓝#0000FF0,0,255
MediumBlue适中的蓝色#0000CD0,0,205
MidnightBlue午夜的蓝色#19197025,25,112
DarkBlue深蓝色#00008B0,0,139
Navy海军蓝#0000800,0,128
RoyalBlue皇家蓝#4169E165,105,225
CornflowerBlue矢车菊的蓝色#6495ED100,149,237
LightSteelBlue淡钢蓝#B0C4DE176,196,222
LightSlateGray浅石板灰#778899119,136,153
SlateGray石板灰#708090112,128,144
DodgerBlue道奇蓝#1E90FF30,144,255
AliceBlue爱丽丝蓝#F0F8FF240,248,255
SteelBlue钢蓝#4682B470,130,180
LightSkyBlue淡蓝色#87CEFA135,206,250
SkyBlue天蓝色#87CEEB135,206,235
DeepSkyBlue深天蓝#00BFFF0,191,255
LightBlue淡蓝#ADD8E6173,216,230
PowderBlue火药蓝#B0E0E6176,224,230
CadetBlue军校蓝#5F9EA095,158,160
Azure蔚蓝色#F0FFFF240,255,255
LightCyan淡青色#E1FFFF225,255,255
PaleTurquoise苍白的绿宝石#AFEEEE175,238,238
Cyan青色#00FFFF0,255,255
Aqua水绿色#D4F2E7212,242,231
DarkTurquoise深绿宝石#00CED10,206,209
DarkSlateGray深石板灰#2F4F4F47,79,79
DarkCyan深青色#008B8B0,139,139
Teal水鸭色#0080800,128,128
MediumTurquoise适中的绿宝石#48D1CC72,209,204
LightSeaGreen浅海洋绿#20B2AA32,178,170
Turquoise绿宝石#40E0D064,224,208
Aquamarine碧绿色#7FFFAA127,255,170
MediumAquamarine适中的碧绿色#00FA9A0,250,154
MediumSpringGreen适中的春天的绿色#00FF7F0,255,127
MintCream薄荷奶油#F5FFFA245,255,250
SpringGreen春天的绿色#3CB37160,179,113
SeaGreen海洋绿#2E8B5746,139,87
Honeydew蜂蜜#F0FFF0240,255,240
LightGreen淡绿色#90EE90144,238,144
PaleGreen苍白的绿色#98FB98152,251,152
DarkSeaGreen深海洋绿#8FBC8F143,188,143
LimeGreen酸橙绿#32CD3250,205,50
Lime酸橙色#00FF000,255,0
ForestGreen森林绿#228B2234,139,34
Green纯绿#0080000,128,0
DarkGreen深绿色#0064000,100,0
Chartreuse查特酒绿#7FFF00127,255,0
LawnGreen草坪绿#7CFC00124,252,0
GreenYellow绿黄色#ADFF2F173,255,47
OliveDrab橄榄土褐色#556B2F85,107,47
Beige米色#F5F5DC245,245,220
LightGoldenrodYellow浅秋麒麟黄#FAFAD2250,250,210
Ivory象牙#FFFFF0255,255,240
LightYellow浅黄色#FFFFE0255,255,224
Yellow纯黄#FFFF00255,255,0
Olive橄榄#808000128,128,0
DarkKhaki深卡其布#BDB76B189,183,107
LemonChiffon柠檬薄纱#FFFACD255,250,205
PaleGoldenrod灰秋麒麟#EEE8AA238,232,170
Khaki卡其布#F0E68C240,230,140
Gold#FFD700255,215,0
Cornsilk玉米色#FFF8DC255,248,220
Goldenrod秋麒麟#DAA520218,165,32
FloralWhite花的白色#FFFAF0255,250,240
OldLace老饰带#FDF5E6253,245,230
Wheat小麦色#F5DEB3245,222,179
Moccasin鹿皮鞋#FFE4B5255,228,181
Orange橙色#FFA500255,165,0
PapayaWhip番木瓜#FFEFD5255,239,213
BlanchedAlmond漂白的杏仁#FFEBCD255,235,205
NavajoWhite纳瓦霍白#FFDEAD255,222,173
AntiqueWhite古代的白色#FAEBD7250,235,215
Tan晒黑#D2B48C210,180,140
BurlyWood结实的树#DEB887222,184,135
Bisque乳脂色#FFE4C4255,228,196
DarkOrange深橙色#FF8C00255,140,0
Linen亚麻布#FAF0E6250,240,230
Peru秘鲁#CD853F205,133,63
PeachPuff桃色#FFDAB9255,218,185
SandyBrown沙棕色#F4A460244,164,96
Chocolate巧克力#D2691E210,105,30
SaddleBrown马鞍棕色#8B4513139,69,19
SeaShell海贝壳#FFF5EE255,245,238
Sienna黄土赭色#A0522D160,82,45
LightSalmon浅鲑鱼色#FFA07A255,160,122
Coral珊瑚#FF7F50255,127,80
OrangeRed橙红色#FF4500255,69,0
DarkSalmon深鲑鱼色#E9967A233,150,122
Tomato番茄#FF6347255,99,71
MistyRose薄雾玫瑰#FFE4E1255,228,225
Salmon鲑鱼色#FA8072250,128,114
Snow#FFFAFA255,250,250
LightCoral淡珊瑚色#F08080240,128,128
RosyBrown玫瑰棕色#BC8F8F188,143,143
IndianRed印度红#CD5C5C205,92,92
Red纯红#FF0000255,0,0
Brown棕色#A52A2A165,42,42
FireBrick耐火砖#B22222178,34,34
DarkRed深红色#8B0000139,0,0
Maroon栗色#800000128,0,0
White纯白#FFFFFF255,255,255
WhiteSmoke白烟#F5F5F5245,245,245
Gainsboro亮灰色#DCDCDC220,220,220
LightGrey浅灰色#D3D3D3211,211,211
Silver银白色#C0C0C0192,192,192
DarkGray深灰色#A9A9A9169,169,169
Gray灰色#808080128,128,128
DimGray暗淡的灰色#696969105,105,105
Black纯黑#0000000,0,0

📐 RGB与十六进制颜色代码是什么?

一、RGB颜色模型

RGB是一种加色模型,通过红(Red)、绿(Green)、蓝(Blue)三原色光的不同强度叠加来产生各种颜色。每个颜色通道的取值范围为0-255,共256个级别。三通道组合可表示16,777,216种颜色。RGB广泛应用于显示器、电视、数码相机等电子设备中,是数字色彩领域最基础的表示方式。

RGB颜色值格式:rgb(R, G, B) —— 例如 rgb(255, 180, 6)

二、十六进制颜色代码(HEX)

十六进制颜色代码是RGB值的一种紧凑表示法,使用"#"加6位十六进制数字表示颜色。每两位对应一个颜色通道:前两位代表红色,中间两位代表绿色,后两位代表蓝色。十六进制使用0-9和A-F共16个字符,两位十六进制数恰好可以表示0-255的十进制范围(00=0, FF=255)。

HEX颜色代码格式:#RRGGBB —— 例如 #FFB406

三、RGB转16进制的数学原理

转换过程本质是十进制与十六进制的数值转换。将每个0-255的RGB十进制数值除以16,商为高位数字,余数为低位数字。例如R=255:255÷16=15余15,15在十六进制中为F,所以R的十六进制表示为FF。三个通道依次转换后拼接即可得到完整的HEX代码。

举例说明:RGB(255, 180, 6) → R=255=FF, G=180=B4, B=6=06 → #FFB406

四、16进制转RGB的数学原理

反向转换将每两位十六进制数解析为十进制。高位数字×16加上低位数字即为该通道的RGB值。例如#FFB406:R=FF=15×16+15=255,G=B4=11×16+4=180,B=06=0×16+6=6。支持三位简写形式如#F00等同于#FF0000。

举例说明:#CC00FF → R=CC=12×16+12=204, G=00=0, B=FF=15×16+15=255 → rgb(204, 0, 255)

💡 哪些场景会用到RGB转16进制?

网页设计与前端开发 —— CSS样式表中颜色值广泛使用HEX格式,设计师提供的RGB色值需转换为十六进制才能直接用于代码中。

UI/UX设计 —— 设计软件(Figma、Sketch等)通常使用RGB或HSL,而开发交付时多使用HEX格式,两者需要频繁互转。

图像处理与数字绘画 —— Photoshop等软件的取色器同时显示RGB和HEX值,便于不同工具间的颜色传递。

品牌VI规范 —— 企业视觉识别系统中需要同时标注RGB和十六进制颜色值以确保线上线下色彩统一。

打印与印刷 —— 将屏幕显示的RGB颜色转换为其他色彩模式前,需明确其十六进制表示。

📖 如何使用本RGB转16进制工具?

RGB转16进制:在上方R、G、B输入框中分别输入0-255的数值,点击"RGB转16进制"按钮或输入时自动转换,下方即可显示对应的HEX颜色代码并预览颜色。

16进制转RGB:在HEX输入框中输入6位十六进制颜色代码(可带#号),点击"16进制转RGB"按钮,即可解析出对应的RGB三通道数值。

颜色预览:转换结果区域会实时展示当前颜色的色块预览,方便直观确认颜色是否符合预期。

颜色参考表:页面下方提供了140种常用标准颜色及其RGB和HEX值对照表,支持快速查找和参考。

⚠️ RGB转16进制的常见问题与注意事项

RGB数值范围:R、G、B每个通道的有效范围为0-255,超出此范围的数值无法正确转换。0表示该通道无光,255表示该通道最亮。

HEX代码格式:标准十六进制颜色代码为6位(如#FFB406),也支持3位简写(如#F00等同于#FF0000)。输入时可带#号也可不带。

字母大小写:十六进制中的A-F字母不区分大小写,#ffb406与#FFB406表示同一颜色,本工具会自动统一为大写显示。

颜色精度:RGB每通道256级精度在普通屏幕显示中已足够,但在专业印刷领域可能需要更高精度的色彩空间。

透明度说明:本工具处理的是RGB颜色模型,不包含Alpha透明度通道。如需处理带透明度的颜色,请使用RGBA或8位HEX(如#FFB40680)格式。

浏览器兼容:所有现代浏览器均完美支持十六进制颜色代码,是网页开发中最通用的颜色表示方式。