RGB to HEX Converter

RGB and HEX represent the same sRGB color. HEX is the format used in HTML and CSS; RGB is more common in design tools and image processing.

How RGB → HEX works

Convert each channel (0–255) to a two-digit hexadecimal string and concatenate them. R=255, G=127, B=80 → #FF7F50.

When to use HEX

Use HEX when writing CSS or HTML — it's the most compact and widely supported color format on the web.

Common RGB → HEX examples

Tap any swatch to see its full breakdown.

Navy

rgb(0, 0, 128)

→ #000080

Royal Blue

rgb(65, 105, 225)

→ #4169E1

Sky Blue

rgb(135, 206, 235)

→ #87CEEB

Baby Blue

rgb(137, 207, 240)

→ #89CFF0

Powder Blue

rgb(176, 224, 230)

→ #B0E0E6

Cornflower Blue

rgb(100, 149, 237)

→ #6495ED

Steel Blue

rgb(70, 130, 180)

→ #4682B4

Dodger Blue

rgb(30, 144, 255)

→ #1E90FF

Cerulean

rgb(0, 123, 167)

→ #007BA7

Teal Blue

rgb(0, 128, 128)

→ #008080

Cyan

rgb(0, 255, 255)

→ #00FFFF

Cobalt Blue

rgb(0, 71, 171)

→ #0047AB

Azure

rgb(0, 127, 255)

→ #007FFF

Sapphire

rgb(15, 82, 186)

→ #0F52BA

Midnight Blue

rgb(25, 25, 112)

→ #191970

Indigo

rgb(75, 0, 130)

→ #4B0082

Periwinkle

rgb(204, 204, 255)

→ #CCCCFF

Slate Blue

rgb(106, 90, 205)

→ #6A5ACD

Other color conversions

HEX → RGB HEX → HSL HEX → OKLCH OKLCH → HEX RGB → HSL HSL → RGB RGB → OKLCH

Convert any RGB on your Mac

Colorframe shows you RGB, HEX, and every other format side-by-side as you pick. Copy any with one click.

Download for Mac