RGB to Hex Converter

Convert RGB color values to hexadecimal color codes instantly with live color preview. Free online RGB to Hex converter tool.

or
Swap
#

How to convert RGB to Hex?

RGB to Hex conversion transforms decimal RGB values (0-255) into hexadecimal notation used in web design. Each RGB component is converted to a two-digit hexadecimal number (00-FF), then concatenated to create the six-character hex code.

For example: RGB(255, 87, 51) converts to #FF5733:
- Red: 255 = FF
- Green: 87 = 57
- Blue: 51 = 33

Why convert RGB to Hex?

Hexadecimal color codes are the standard format for web development. While CSS supports RGB notation, hex codes are more compact, widely recognized, and easier to copy and share. Most design tools and color pickers provide hex codes, making them the de facto standard for web colors.

How does RGB to Hex conversion work?

Each RGB component (0-255 in decimal) is converted to base-16 (hexadecimal). The conversion divides the number by 16: the quotient becomes the first digit, and the remainder becomes the second digit. For example, 255 ÷ 16 = 15 remainder 15, which in hex is FF (where F represents 15).

Can I use RGB instead of Hex in CSS?

Yes, modern CSS fully supports RGB notation (e.g., rgb(255, 0, 0)) and RGBA for transparency (e.g., rgba(255, 0, 0, 0.5)). However, hex codes are more concise and traditional. Hex codes with alpha channel (#RRGGBBAA) are also supported in modern browsers, though less commonly used than rgba().

What's the difference between RGB and Hex colors?

RGB and Hex represent the same colors in different formats. RGB uses three decimal numbers (0-255) for red, green, and blue. Hex uses six hexadecimal digits (00-FF) representing the same values. They're interchangeable - RGB(255, 0, 0) equals #FF0000. The choice between them is usually about preference and context.

Common RGB to Hex Conversions

Preview Color RGB Hex
  Black (0, 0, 0) #000000
  White (255, 255, 255) #FFFFFF
  Red (255, 0, 0) #FF0000
  Lime (0, 255, 0) #00FF00
  Blue (0, 0, 255) #0000FF
  Yellow (255, 255, 0) #FFFF00
  Cyan (0, 255, 255) #00FFFF
  Magenta (255, 0, 255) #FF00FF
  Silver (192, 192, 192) #C0C0C0
  Gray (128, 128, 128) #808080
  Maroon (128, 0, 0) #800000
  Olive (128, 128, 0) #808000
  Green (0, 128, 0) #008000
  Purple (128, 0, 128) #800080
  Teal (0, 128, 128) #008080
  Navy (0, 0, 128) #000080