FlowToolkit
Utility

Hex / RGB Converter

Convert between hex color codes and RGB values, with a live preview.

Loading tool…

About this tool

Paste a hex color (#FF6600 or FF6600) to get its RGB equivalent, or enter RGB values (0–255) to generate the hex code. Switch direction with a single toggle. A color swatch previews the result instantly — all locally in your browser.

Why convert hex and RGB?

Designers and front-end developers move between hex codes and RGB triplets all day. Hex codes are compact and universal in CSS and design files; RGB values are what you actually adjust when tweaking a colour by hand or feeding it into a colour-manipulation library. A two-way converter with a live preview swatch saves several seconds every time, which adds up.

Tips

  • Both #FF6600 and FF6600 are accepted — the leading hash is optional.
  • Short hex (#F60) is expanded to the full six-character form automatically.
  • RGB values are clamped to the 0–255 range.
  • The live swatch reflects the result instantly so you can compare against a design.

A note on accessibility

When picking colours, always check the contrast ratio against the background and against text overlays. A pair of colours that look fine to designers with full colour vision can be unreadable for users with low vision or colour-blindness. The converter does not lint contrast, but the WebAIM Contrast Checker is a quick next step once you have your RGB values.

Frequently asked questions

Can I paste hex with or without the #?

Yes. Both `#FF6600` and `FF6600` work. The leading `#` is stripped automatically.

What RGB range is accepted?

Each channel accepts 0 to 255. Values outside this range are clamped to the valid range.

Is my color data sent to a server?

No. All conversion happens locally in your browser. Nothing is uploaded.

How do I convert RGB to hex?

Enter the three RGB values (0 to 255 each) and the hex code appears instantly. The colour swatch updates as you type.

How do I convert hex to RGB?

Paste a hex code like #FF6600 and the RGB values appear immediately. The tool also expands shorthand hex (#F60) to the full six-character form.

What is the RGB equivalent of #FF6600?

rgb(255, 102, 0) — a vivid orange. The tool converts any hex value the same way in real time.

Can I use this for CSS colors?

Yes. Copy either format directly into a CSS property — both background: #FF6600 and background: rgb(255, 102, 0) are equivalent.