HEX to RGB Converter
Pick a color or type HEX, RGB, and Alpha in the top row; the preview and copy-ready formats below update as you go.
Color input
with or without #; 3 or 6 digits · RGB accepts 0–255; Alpha accepts 0–100.
Preview and results
Contrast composited over white
Contrast for a translucent color changes with the real surface underneath.
Output formats
Color harmony
Recent colors
ready to use.
- Visible firstKeep the input and result positions clear.
- Results firstPut the main number up front and keep the process secondary.
- Less to askNo sign-up or extra information before using the tool.
Move one color between the notations your work uses
HEX and RGB are two notations for the same sRGB channels, not two different colors. Edit any accepted field and the preview plus every output row follow that color.
Choose the output by where it will be pasted, whether it needs opacity, and whether the text remains readable against the finished background.
Six HEX digits hold three channels
In #RRGGBB, each pair is a hexadecimal value for red, green, or blue. RGB writes those same channel values as decimals from 0 to 255.
Start with the notation you have
Paste a design token into the HEX field or enter numeric channels in RGB. The # is optional, and a shorthand such as #f80 expands to a six-digit color.
Alpha is opacity, not another color channel
At 100% the color is opaque; at 0% it is invisible. The RGB channels stay the same, but the surface behind a transparent color changes what people see.
Let the destination choose the output
Use HEX or RGB for an opaque color. Use HEXA or RGBA when opacity belongs in the value. HSL and HSV help inspect hue and saturation; use the CSS row when a declaration is needed.
The white and black ratios are a first check
The contrast cards compare the current background with white and black text. They do not replace checking the actual font size, weight, image background, or surrounding colors.
Harmony swatches begin with the current hue
Complementary colors sit opposite, analogous colors sit nearby, and triadic colors are spaced around the hue wheel. Treat a swatch as a starting point, then inspect the pair in context.
Read #FF8800 as RGB
#FF8800 becomes rgb(255, 136, 0): full red, some green, and no blue. That combination produces an orange family color.
Add 50% Alpha to the orange
With #FF8800 and Alpha at 50%, RGBA is rgba(255, 136, 0, 0.50) and HEXA is #FF880080. Its apparent color depends on what sits behind it.
Recent colors stay with this browser
The history helps revisit colors selected in the current browser. It is not an account-based list and does not automatically travel to another browser or device.
Check the string before pasting
Confirm the channel range, opacity, punctuation, destination syntax, and real background. A valid conversion alone does not prove a final interface is readable.
Choose an output format
- HEX: a six-digit opaque color code
- HEXA: an eight-digit HEX code with Alpha
- RGB and RGBA: decimal channel functions
- HSL and HSV: hue-based ways to inspect a color
- CSS: a copyable declaration
Check alongside a contrast ratio
- Whether text is normal or large
- The actual text weight and color
- Images, gradients, or patterned surfaces
- Any transparency layered over another color
Keep inputs in range
- HEX accepts # or no # and three-digit shorthand
- Each RGB channel runs from 0 to 255
- Alpha runs from 0% to 100%
- Use Alpha 100% when no transparency is intended
Worked example: #FF8800 at 50% Alpha
| Input HEX | #FF8800 |
|---|---|
| RGB | rgb(255, 136, 0) |
| Alpha | 50% |
| RGBA | rgba(255, 136, 0, 0.50) |
| HEXA | #FF880080 |
Questions about color-code conversion
Do I need to include # in a HEX code?
No. The tool accepts #FF8800 and FF8800. It also accepts a three-digit shorthand such as #f80 and normalizes the result to six-digit HEX.
What does Alpha 50% copy as?
For #FF8800 at 50% Alpha, RGBA is rgba(255, 136, 0, 0.50) and HEXA is #FF880080.
Should I use HEXA or RGBA?
Use the syntax accepted by the destination. Both carry color and Alpha, but HEXA is eight-digit HEX while RGBA is functional notation.
Are HSL and HSV different colors from RGB?
No. They describe the same displayed color through hue, saturation, and lightness or value.
Can a contrast ratio alone prove accessibility?
No. This tool shows white and black text ratios. Check the actual font size, weight, background, and use context as well.
Do recent colors appear on another device?
No. Recent colors are stored in the current browser and are not automatically synchronized to another browser or device.
Color syntax and contrast thresholds are described by public specifications. Check which syntax the destination supports.