RGB to HEX Converter

They describe the same color in different notations. RGB lists three channels (red, green, blue) from 0 to 255, while HEX packs those same three channels into a six-digit hexadecimal string like #3b82f6. Converting between them never changes the color, only how it is written.

Both the CSS rgb(...) form and a plain comma-separated triple work, so rgb(255, 0, 0) and 255,0,0 produce the same #ff0000. The parser simply reads the first three numbers it finds, which makes it forgiving of extra spaces and surrounding text.

Each channel is a number from 0 to 255, where 0 is none of that color and 255 is full intensity. Values below 0 or above 255 are rejected as invalid, and anything with fewer than three numbers is reported as an invalid RGB color.

Yes, but hex has no fractional channels, so a decimal like 59.6 is rounded to the nearest whole value before it is written as two hex digits. For predictable results, enter whole numbers from 0 to 255.

Paste the hex value directly into any color property, such as color: #3b82f6 or background: #ff0000. Hex codes work everywhere CSS expects a color, including SVG fills and most design and diagram tools.

Hex colors are case-insensitive, so #FF0000 and #ff0000 are identical. This tool outputs lowercase by convention, which is the most common style in CSS and keeps diffs and search tidy.

No. It always writes the full six-digit form. That keeps the output consistent, and only a few colors, such as #ff0000, could be shortened anyway. A six-digit code is valid everywhere a three-digit one is.

Below the main result the tool restates the same color in all three notations at once. That is handy when a stylesheet mixes formats or when you want the HSL version to nudge lightness or saturation without leaving the page.

No. The conversion happens entirely in your browser, so the colors you enter never leave your device. The same pure engine also powers the optional API for automated use.