Free RGB to HEX / HEX to RGB Converter

How this tool computes its result

rgbToHex clamps each channel to 0–255 (rounding and bounding via clampChannel) then maps each to a 2-digit uppercase hex string, concatenated with a leading "#". hexToRgb validates the input against a strict regex requiring exactly 3 or 6 hex digits after an optional "#"; a 3-digit shorthand is expanded by doubling each character (e.g. "F0A" → "FF00AA") before being parsed to decimal R/G/B via parseInt with base 16.

Worked example

R=45, G=110, B=246 → rgbToHex produces "#2D6EF6" (45 = 0x2D, 110 = 0x6E, 246 = 0xF6). Entering "#2D6EF6" into the HEX field parses back to R: 45, G: 110, B: 246 — the tool's own default state is this exact round-trip pair.

When not to use this tool

There is no alpha/transparency channel — 4-digit (#RGBA) and 8-digit (#RRGGBBAA) hex formats are rejected by the `/^[0-9a-fA-F]{3}$|^[0-9a-fA-F]{6}$/` validation regex, which only accepts exactly 3 or 6 hex digits. CSS named colors (e.g. "royalblue", "rebeccapurple") are also not supported as input in either direction.

Common mistakes

• - Typing a hex value with 4 or 5 digits (e.g. "#2D6E") — this does not match the 3-or-6-digit regex and produces "Enter a valid HEX value (#RGB or #RRGGBB)." rather than a best-effort parse.
• - Entering an RGB channel value above 255 or below 0 — clampChannel silently rounds and bounds it into range instead of surfacing a validation error, so out-of-range input is not flagged, just quietly corrected.
• - Pasting a hex value with a stray character (e.g. a space or a CSS `rgb()` wrapper) — the regex requires the value (after stripping one leading "#") to be pure hex digits, so any extra character fails validation entirely.

Related tools