RGB to HEX Converter
Convert rgb colors to hex format instantly.
Advertisement
RGB to HEX Conversion
Converting RGB to HEX is a simple base-10 to base-16 conversion applied to each channel. Each decimal value (0–255) becomes a two-digit hexadecimal pair, and the three pairs are concatenated with a # prefix.
Conversion Formula
- Take each channel value (R, G, B) in the range 0–255
- Divide by 16 to get the first hex digit (floor the result)
- The remainder is the second hex digit
- Example: R=255 → 255÷16=15 remainder 15 → FF
- Example: R=87 → 87÷16=5 remainder 7 → 57
- Result:
#FF5733from rgb(255, 87, 51)
When to Use HEX
- Copying colors from design tools (Figma, Sketch export HEX)
- Setting colors in HTML attributes (
bgcolor="#FF5733") - Storing compact color values in databases or config files
- SVG fill and stroke attributes
How do I convert RGB to HEX in JavaScript?
Use .toString(16).padStart(2, '0') on each channel: const toHex = (r, g, b) => '#' + [r, g, b].map(v => v.toString(16).padStart(2, '0')).join(''); For example, toHex(255, 87, 51) returns #ff5733. Use .toUpperCase() if you prefer uppercase hex.
What is the HEX code for black and white?
Black = #000000 (R:0, G:0, B:0 — no light). White = #FFFFFF (R:255, G:255, B:255 — full light on all channels). Middle gray = #808080 (128, 128, 128). Pure red = #FF0000, pure green = #00FF00, pure blue = #0000FF.
Can I use RGB decimal values directly in CSS?
Yes — color: rgb(255, 87, 51) is valid CSS. Modern CSS also supports the space-separated syntax without commas: rgb(255 87 51) and fractional percentages: rgb(100% 34% 20%). The HEX equivalent is purely a formatting preference — both produce identical colors.