Valid HEX input
Enter a three- or six-digit HEX value, with or without #. Alpha shorthand is not parsed by this workbench.
HEX to RGB Converter
Convert HEX used for compact web color codes and design tokens into red, green and blue integer channels in sRGB, ready for canvas, pixel data, CSS and graphics APIs.
Values are converted in the page with local TypeScript functions. No color value needs to be uploaded for this calculation.
1. Enter HEX Values
Choose a color visually, use sliders, or paste a value.
Quick Presets
2. Live preview
rgb(255, 99, 71)
tomato
PreviewOriginal
rgb(255, 99, 71)
Lighten 20%
rgb(255, 130, 108)
Darken 20%
rgb(204, 79, 57)
Complementary
rgb(71, 227, 255)
Color Information
Color Name:tomatoBrightness:56%Luminance:0.306Contrast with White:2.95 : 1Contrast with Black:7.13 : 1
Visual Comparison
Aa
With White Text
Aa
With Black Text
3. Results
rgb(255, 99, 71)
Other Formats
HEX#FF6347
RGBrgb(255, 99, 71)
RGBArgba(255, 99, 71, 1)
HSLhsl(9, 100%, 64%)
HSLAhsla(9, 100%, 64%, 1)
HSVhsv(9, 72%, 100%)
CMYKcmyk(0%, 61%, 72%, 0%)
Nametomato
Color Palette
Did you know?
You can pick a color from your screen in browsers that support the EyeDropper API.
Direct answer
Convert HEX used for compact web color codes and design tokens into red, green and blue integer channels in sRGB, ready for canvas, pixel data, CSS and graphics APIs. Channel normalization and integer/percentage formatting can make a HEX → RGB → HEX round trip differ from the starting value.
What this tool does
Convert HEX used for compact web color codes and design tokens into red, green and blue integer channels in sRGB, ready for canvas, pixel data, CSS and graphics APIs. Use this focused route when your source is already HEX and the next system specifically expects RGB; use the general converter when you need several representations at once.
Verified capabilities
Read the RGB result
red, green and blue integer channels in sRGB
Check the accuracy boundary
Channel normalization and integer/percentage formatting can make a HEX → RGB → HEX round trip differ from the starting value. Compare the result with the intended destination before reusing it.
When to use it
- Use this focused route when your source is already HEX and the next system specifically expects RGB; use the general converter when you need several representations at once.
- Convert HEX used for compact web color codes and design tokens into red, green and blue integer channels in sRGB, ready for canvas, pixel data, CSS and graphics APIs.
- HEX → RGB: canvas, pixel data, CSS and graphics APIs.
How to use the tool
Enter the source color
Enter a three- or six-digit HEX value, with or without #. Alpha shorthand is not parsed by this workbench. In “How to use the tool: Enter the source color”, apply this specifically to HEX to RGB Converter.
Review the normalized preview
Use the sliders, direct field, preset swatches or system picker when available. The preview exposes normalization before RGB formatting.
Copy the target value
Copy the RGB row. Alternate rows stay visible for comparison, but this page's intent remains HEX → RGB.
Check the accuracy boundary
Channel normalization and integer/percentage formatting can make a HEX → RGB → HEX round trip differ from the starting value. Compare the result with the intended destination before reusing it. Use the preview to catch a parsing mistake before copying the RGB row.
Controls explained
Valid HEX input
Enter a three- or six-digit HEX value, with or without #. Alpha shorthand is not parsed by this workbench. In “Controls explained: Valid HEX input”, apply this specifically to HEX to RGB Converter.
Read the RGB result
red, green and blue integer channels in sRGB. The workbench assumes sRGB-style 0–255 channels and rounds normalized values.
How the result is produced
Enter a three- or six-digit HEX value, with or without #. Alpha shorthand is not parsed by this workbench. The workbench parses the source to an sRGB triple, then formats red, green and blue integer channels in sRGB. HEX is notation for RGB channel values, not a separate color gamut. The workbench assumes sRGB-style 0–255 channels and rounds normalized values.
Accuracy and limitations
- Channel normalization and integer/percentage formatting can make a HEX → RGB → HEX round trip differ from the starting value.
- HEX is notation for RGB channel values, not a separate color gamut.
- The workbench assumes sRGB-style 0–255 channels and rounds normalized values.
Processing and privacy
Values are converted in the page with local TypeScript functions. No color value needs to be uploaded for this calculation.
Practical tips
- Keep a copy of the original HEX value when comparing rounded RGB output.
- Use the preview to catch a parsing mistake before copying the RGB row.
Troubleshooting
Why is my HEX input rejected?
Enter a three- or six-digit HEX value, with or without #. Alpha shorthand is not parsed by this workbench. In “Troubleshooting: Why is my HEX input rejected?”, apply this specifically to HEX to RGB Converter.
Why does HEX differ after converting to RGB and back?
Channel normalization and integer/percentage formatting can make a HEX → RGB → HEX round trip differ from the starting value. In “Troubleshooting: Why does HEX differ after converting to RGB and back?”, apply this specifically to HEX to RGB Converter.
Check the accuracy boundary
Channel normalization and integer/percentage formatting can make a HEX → RGB → HEX round trip differ from the starting value. Reset the tool and retry with a known supported value before reporting an algorithm error.
Questions about this tool
When should I use the focused HEX to RGB converter?
Use this focused route when your source is already HEX and the next system specifically expects RGB; use the general converter when you need several representations at once. In “When should I use the focused HEX to RGB converter?”, apply this specifically to HEX to RGB Converter.
Why is my HEX input rejected?
Enter a three- or six-digit HEX value, with or without #. Alpha shorthand is not parsed by this workbench. In “Why is my HEX input rejected?”, apply this specifically to HEX to RGB Converter.
Why does HEX differ after converting to RGB and back?
Channel normalization and integer/percentage formatting can make a HEX → RGB → HEX round trip differ from the starting value. In “Why does HEX differ after converting to RGB and back?”, apply this specifically to HEX to RGB Converter.
What syntax does the RGB result use?
red, green and blue integer channels in sRGB. canvas, pixel data, CSS and graphics APIs. The workbench assumes sRGB-style 0–255 channels and rounds normalized values.
How is the HEX input normalized before conversion?
Enter a three- or six-digit HEX value, with or without #. Alpha shorthand is not parsed by this workbench. HEX is notation for RGB channel values, not a separate color gamut.
Is the HEX value uploaded during conversion?
Values are converted in the page with local TypeScript functions. No color value needs to be uploaded for this calculation. Keep a copy of the original HEX value when comparing rounded RGB output.
Continue your color workflow
Use this focused route when your source is already HEX and the next system specifically expects RGB; use the general converter when you need several representations at once. In “Continue your color workflow”, apply this specifically to HEX to RGB Converter.
Continue with a related tool
Open the first related route when you need to continue beyond the focused HEX → RGB conversion.
Color Converter for HEX, RGB, HSL, LAB and OKLCH