☰
TotalCalc.info

RGB to Hex Converter

This tool performs conversion from RGB to HEX and HSV color values.
Move the sliders to set the red (R), green (G), and blue (B) color levels (0-255):

 

How to use this RGB Converter

Our converter helps you to transform a color definition from red, green, and blue (RGB) values into hexadecimal code and hue, saturation, and lightness (HSL) values. Simply adjust the sliders to select the desired red, green, and blue color values between 0 and 255. Use the arrow keys on your keyboard for to fine tune the color.

The tool detects the RGB color changes, perform transformation, and outputs corresponding RGB, hexadecimal, and HSL color definitions.

RGB (Red, Green, Blue):
The syntax for RGB is rgb(red, green, blue), where red, green, and blue represent the intensity of the red (R), green (G), and blue (B) color component, respectively. Each component is an integer in the range between 0 and 255, where 0 indicates no intensity, and 255 represents the maximum intensity.

HEX (Hexadecimal):
The syntax for HEX color definition is #RRGGBB, where three pairs of hexadecimal characters (RR, GG, and BB) represent the corresponding red, green, and blue color components.

HSL (Hue, Saturation, Lightness):
The syntax for HSL is hsl(hue, saturation, lightness), where hue is the type of color (0 to 360 degrees on the color wheel), saturation is the intensity (0% to 100%), and lightness is the brightness (0% to 100%).

Color Names:
Colors for HTML elements can be also specified using the predefined color names. The following table presents the names, RGB and HEX codes for the predefined colors.

Color Color Name Hex RGB
 MediumVioletRed#C71585199, 21, 133
 DeepPink#FF1493255, 20, 147
 PaleVioletRed#DB7093219, 112, 147
 HotPink#FF69B4255, 105, 180
 LightPink#FFB6C1255, 182, 193
 Pink#FFC0CB255, 192, 203
 DarkRed#8B0000139, 0, 0
 FireBrick#B22222178, 34, 34
 Crimson#DC143C220, 20, 60
 IndianRed#CD5C5C205, 92, 92
 Red#FF0000255, 0, 0
 LightCoral#F08080240, 128, 128
 Salmon#FA8072250, 128, 114
 DarkSalmon#E9967A233, 150, 122
 LightSalmon#FFA07A255, 160, 122
 OrangeRed#FF4500255, 69, 0
 Tomato#FF6347255, 99, 71
 Coral#FF7F50255, 127, 80
 DarkOrange#FF8C00255, 140, 0
 Orange#FFA500255, 165, 0
 DarkKhaki#BDB76B189, 183, 107
 Gold#FFD700255, 215, 0
 Yellow#FFFF00255, 255, 0
 PeachPuff#FFDAB9255, 218, 185
 Khaki#F0E68C240, 230, 140
 PaleGoldenRod#EEE8AA238, 232, 170
 Moccasin#FFE4B5255, 228, 181
 PapayaWhip#FFEFD5255, 239, 213
 LightGoldenRodYellow#FAFAD2250, 250, 210
 LemonChiffon#FFFACD255, 250, 205
 LightYellow#FFFFE0255, 255, 224
 Maroon#800000128, 0, 0
 Brown#A52A2A165, 42, 42
 SaddleBrown#8B4513139, 69, 19
 Sienna#A0522D160, 82, 45
 RosyBrown#BC8F8F188, 143, 143
 Chocolate#D2691E210, 105, 30
 DarkGoldenRod#B8860B184, 134, 11
 Peru#CD853F205, 133, 63
 GoldenRod#DAA520218, 165, 32
 Tan#D2B48C210, 180, 140
 SandyBrown#F4A460244, 164, 96
 BurlyWood#DEB887222, 184, 135
 Wheat#F5DEB3245, 222, 179
 NavajoWhite#FFDEAD255, 222, 173
 Bisque#FFE4C4255, 228, 196
 BlanchedAlmond#FFEBCD255, 235, 205
 Cornsilk#FFF8DC255, 248, 220
 Indigo#4B008275, 0, 130
 Purple#800080128, 0, 128
 DarkMagenta#8B008B139, 0, 139
 DarkSlateBlue#483D8B72, 61, 139
 DarkViolet#9400D3148, 0, 211
 BlueViolet#8A2BE2138, 43, 226
 DarkOrchid#9932CC153, 50, 204
 SlateBlue#6A5ACD106, 90, 205
 MediumSlateBlue#7B68EE123, 104, 238
 MediumOrchid#BA55D3186, 85, 211
 MediumPurple#9370DB147, 112, 219
 Fuchsia#FF00FF255, 0, 255
 Magenta#FF00FF255, 0, 255
 Orchid#DA70D6218, 112, 214
 Violet#EE82EE238, 130, 238
 Plum#DDA0DD221, 160, 221
 Thistle#D8BFD8216, 191, 216
 Lavender#E6E6FA230, 230, 250
 MidnightBlue#19197025, 25, 112
 Navy#0000800, 0, 128
 DarkBlue#00008B0, 0, 139
 MediumBlue#0000CD0, 0, 205
 Blue#0000FF0, 0, 255
 RoyalBlue#4169E165, 105, 225
 SteelBlue#4682B470, 130, 180
 DodgerBlue#1E90FF30, 144, 255
 CornflowerBlue#6495ED100, 149, 237
 DeepSkyBlue#00BFFF0, 191, 255
 SkyBlue#87CEEB135, 206, 235
 LightSkyBlue#87CEFA135, 206, 250
 LightSteelBlue#B0C4DE176, 196, 222
 LightBlue#ADD8E6173, 216, 230
 PowderBlue#B0E0E6176, 224, 230
 Teal#0080800, 128, 128
 DarkCyan#008B8B0, 139, 139
 CadetBlue#5F9EA095, 158, 160
 LightSeaGreen#20B2AA32, 178, 170
 DarkTurquoise#00CED10, 206, 209
 MediumTurquoise#48D1CC72, 209, 204
 Turquoise#40E0D064, 224, 208
 Aqua#00FFFF0, 255, 255
 Cyan#00FFFF0, 255, 255
 Aquamarine#7FFFD4127, 255, 212
 PaleTurquoise#AFEEEE175, 238, 238
 LightCyan#E0FFFF224, 255, 255
 DarkGreen#0064000, 100, 0
 Green#0080000, 128, 0
 DarkOliveGreen#556B2F85, 107, 47
 ForestGreen#228B2234, 139, 34
 SeaGreen#2E8B5746, 139, 87
 Olive#808000128, 128, 0
 OliveDrab#6B8E23107, 142, 35
 MediumSeaGreen#3CB37160, 179, 113
 LimeGreen#32CD3250, 205, 50
 DarkSeaGreen#8FBC8F143, 188, 143
 MediumAquamarine#66CDAA102, 205, 170
 YellowGreen#9ACD32154, 205, 50
 SpringGreen#00FF7F0, 255, 127
 MediumSpringGreen#00FA9A0, 250, 154
 Lime#00FF000, 255, 0
 LawnGreen#7CFC00124, 252, 0
 Chartreuse#7FFF00127, 255, 0
 LightGreen#90EE90144, 238, 144
 GreenYellow#ADFF2F173, 255, 47
 PaleGreen#98FB98152, 251, 152
 MistyRose#FFE4E1255, 228, 225
 AntiqueWhite#FAEBD7250, 235, 215
 Linen#FAF0E6250, 240, 230
 Beige#F5F5DC245, 245, 220
 WhiteSmoke#F5F5F5245, 245, 245
 LavenderBlush#FFF0F5255, 240, 245
 OldLace#FDF5E6253, 245, 230
 AliceBlue#F0F8FF240, 248, 255
 SeaShell#FFF5EE255, 245, 238
 GhostWhite#F8F8FF248, 248, 255
 Honeydew#F0FFF0240, 255, 240
 FloralWhite#FFFAF0255, 250, 240
 Azure#F0FFFF240, 255, 255
 MintCream#F5FFFA245, 255, 250
 Snow#FFFAFA255, 250, 250
 Ivory#FFFFF0255, 255, 240
 White#FFFFFF255, 255, 255
 Black#0000000, 0, 0
 DarkSlateGray#2F4F4F47, 79, 79
 DimGray#696969105, 105, 105
 SlateGray#708090112, 128, 144
 Gray#808080128, 128, 128
 LightSlateGray#778899119, 136, 153
 DarkGray#A9A9A9169, 169, 169
 Silver#C0C0C0192, 192, 192
 LightGray#D3D3D3211, 211, 211
 Gainsboro#DCDCDC220, 220, 220

See also:
Unit Converters and Calculators - extended list