RGB → Hex

Paste an RGB value, get hex back. rgb(37, 99, 235) → #2563eb. The full converter at the bottom also gives you HSL and OKLCH.

The conversion in one line

rgb(R, G, B)  →  "#" + hex(R) + hex(G) + hex(B)
   each component padded to 2 hex digits, lowercase

Where hex(n) is n.toString(16).padStart(2, "0") in JavaScript, or format(n, "02x") in Python.

Common conversions

In code

// JavaScript
const hex = (r, g, b) =>
  "#" + [r, g, b].map(n => n.toString(16).padStart(2, "0")).join("");
hex(37, 99, 235);  // "#2563eb"

// Python
def rgb_to_hex(r, g, b):
    return "#{:02x}{:02x}{:02x}".format(r, g, b)

// Bash
printf "#%02x%02x%02x\n" 37 99 235

// Go
import "fmt"
fmt.Sprintf("#%02x%02x%02x", r, g, b)

// CSS (Color Module 4 supports rgb() with alpha and modern syntax)
.brand { color: rgb(37 99 235); }                 // space-separated
.brand { color: rgb(37 99 235 / 0.5); }            // alpha

Edge cases

• Out-of-range values. CSS clamps RGB to 0–255 silently. rgb(300, 0, 0) renders as #ff0000. The converter does the same clamping.
• Negative values. Same — clamped to 0.
• Float values. CSS Color Module 4 allows decimals. rgb(37.5, 99, 235) rounds to the nearest integer.
• Percentages. rgb(15%, 39%, 92%) = rgb(38, 99, 235) ≈ #2663eb. Note: percentages introduce rounding; absolute integers are more precise.

Try the related tools

• Hex → RGB — the reverse direction
• Full color converter — HSL and OKLCH too
• WCAG contrast — check accessibility