Numbers become byte pairs
RGB channels from 0 to 255 are converted into two hexadecimal digits each. rgb(51, 102, 153) becomes #336699. Percentage input is scaled to that range; fractional values are rounded to the nearest 8-bit byte for HEX.
ONELESS / COLOR
RGB to Hex
Red, green and blue channels describe a screen color as three amounts of light. RGB to Hex packages those amounts into a compact code for a stylesheet or design handoff. Enter channels individually or paste an RGB function, check the preview and copy the HEX result.
Open RGB to Hex. JavaScript powers the workspace; the full guide is available below.
UNDERSTAND THE RESULT
Color, with a little context.
Alpha remains separate
Opacity is preserved instead of being blended into white. RGB and HSL functions include alpha below full opacity; HEX uses an extra byte. The checkerboard is only a preview aid. HEX rounds to 8-bit channels; RGB/HSL output keeps three decimal places and alpha up to four.
Invalid input stays visible
Malformed or out-of-range values show an error and disable copying. The tool does not silently clamp channel values or reinterpret a different input format. Use Color Converter when you want automatic format selection.
HOW TO USE IT
From a starting point to a usable result.
- Use Channels to enter Red, Green and Blue as 0–255 numbers or percentages. Alpha accepts 0–1 or a percentage.
- Switch to CSS value to paste a rgb() or rgba() function. Both modern space/slash syntax and comma syntax are supported.
- Copy HEX for the complete result, or use the channel cards for individual values. Reset restores the worked example.
A WORKED EXAMPLE
RGB to HEX, with known values
rgb(51, 102, 153) converts to #336699. With half opacity, the result includes alpha rather than a white background. The preview is the exported 8-bit HEX appearance; small rounding differences are normal for fractional channels.
EVERYDAY USES
Make the next small decision easier.
Move a sampled color into CSS
Use the red, green and blue numbers supplied by an image editor, then copy the HEX result into your stylesheet. Opacity belongs in the Alpha field instead of being blended into the channel values.
Check a handoff value
Compare the visible color with the source before copying. This conversion describes sRGB values; it does not apply an ICC profile or guarantee an identical appearance across displays.
LOCAL WORKSPACE
Your work stays in this browser.
The tool processes color values locally. It does not upload the input to a processing server or save it in browser storage. Leaving or reloading the page clears the working state. Copying places the selected result on your clipboard; sharing sends only the page address without your working values.
These tools describe sRGB colors. Browser decoding, color management and the display can affect what you see; they are not an ICC proofing workflow or a print-color guarantee. Read the site privacy policy for information about the surrounding website.
KEEP IT NEARBY
One less search next time.
Press Ctrl + D on Windows or Command + D on Mac to bookmark this page. Your browser may also offer Create shortcut or Add to Home Screen. Shortcuts open the tool; they do not include your colors or images.
Choose a shortcut icon
Soft Coral
Warm Peach
Sunset Orange
OneLess Blue
Rose PinkQUESTIONS, ANSWERED
A few useful details.
Why does a fractional RGB value change slightly?
HEX stores each channel as an integer byte. A channel such as 127.5 rounds to 128. The preview uses the exported HEX so you can see that rounded result.
Is transparency preserved?
Yes. Alpha is retained in RGBA/HSLA or an 8-digit HEX value when below 1. An 8-bit alpha byte and a decimal fraction can differ slightly through rounding.
Can I paste a CSS color name?
This page is specific to its named input format. Use Color Converter for CSS named colors or a mixture of supported formats.
Why did an input show an error?
Check the format, number of channels, units and bounds. RGB values are 0–255 or 0–100%; HSL saturation/lightness are 0–100%; alpha is 0–1 or 0–100%. Contextual CSS expressions and wider color spaces are not supported.
What is rgb(255, 128, 0) in HEX?
It is #FF8000. The red, green and blue byte values become FF, 80 and 00 respectively.
Why do some HEX codes use three digits?
A six-digit value can be shortened when each channel pair repeats the same digit. #336699 can be #369, but #FF8000 cannot be shortened that way.
Can HEX be used directly as a CSS text color?
Yes. For example, color: #FF8000; sets the text color. Check its contrast against the intended background before relying on it for readable text.
REFERENCES
ANOTHER SMALL STEP
Keep the next tool close.
Ready for a little more color?
Three channels. One color code ready to use.
Return to RGB to Hex ↑