RGB to HEX Color Converter

RGB to HEX Converter — Free RGB to HEX converter. Enter red, green, and blue values (0–255) and get the hex color code instantly. Also outputs HSL and CSS expressions. Real-time preview, one-click copy. No signup required.

Enter R, G, B values (0–255)

—HEX

—HSL

—CSS

Quick swatches

How to convert RGB to HEX

Enter the red, green, and blue values (each between 0 and 255) into the three input fields. The hex code updates in real time — no button press needed. The tool also outputs the HSL equivalent and ready-to-paste CSS expressions.

Use the quick swatches to explore how common colors translate to hex, or type values directly. Decimal values are accepted and rounded automatically.

RGB to HEX conversion formula

Each RGB channel (0–255) is converted independently to a 2-digit hexadecimal number. The three results are concatenated with a # prefix.

Channel	Decimal	Hex
R (Red)	255	FF
G (Green)	87	57
B (Blue)	51	33

Result: rgb(255, 87, 51) → #FF5733

When to use hex vs RGB in CSS

Use hex for static color values, design tokens, and brand colors — it is more compact and universally supported.
Use rgb() when you need transparency via rgba(), or when computing colors programmatically.
Use hsl() when you want to create tints and shades by adjusting lightness — more intuitive than modifying hex digits.

Frequently Asked Questions

How do I convert RGB to hex?

Enter your red, green, and blue values (each between 0 and 255) into the three input fields. The tool converts each channel to two hexadecimal digits and combines them into a 6-character hex code prefixed with #. For example, rgb(255, 87, 51) becomes #FF5733.

What is the formula for RGB to HEX?

Each RGB channel (0–255) is converted to a 2-digit hexadecimal number. Red becomes the first two digits, green the middle two, blue the last two. For example: R=255 → FF, G=87 → 57, B=51 → 33, giving #FF5733. Hex digits go from 0–9 and A–F, where A=10, B=11, … F=15.

What is the difference between rgb-to-hex and hex-to-rgb?

They are the same conversion in opposite directions. Use this tool when you have RGB values and need the hex code — for example, when copying a color from a design tool that shows RGB. Use the Hex to RGB tool when you have a hex code and need the RGB values.

Can I enter decimal values like 128.5?

Yes. Decimal values are accepted as long as they stay within the 0 to 255 range, then the tool rounds each channel to the nearest whole number before converting it. That means 128.5 becomes 129, while 128.4 becomes 128. This keeps the output aligned with how RGB values are normally represented in CSS and design tools, where each channel ends up as an integer.

Why does the converter use six-digit hex codes?

Each RGB channel maps to exactly two hexadecimal digits, so a full RGB value always becomes a six-digit code like #FF5733. That full form keeps every channel precise and works reliably in CSS, design tools, and developer workflows. Shorthand hex like #F53 only works when each pair repeats, so the converter uses the full format to avoid ambiguity and preserve the exact color you entered.