RGB to HEX Converter

Updated October 18, 2026Free mock REST & WebSocket APIs

Enter red, green and blue values from 0 to 255 — or paste an rgb() string — and get the hex code instantly.

HEX#4f46e5≈ slateblue

Pick

RGB

⇄

HEX

Accepts #RGB, #RRGGBB, 8-digit #RRGGBBAA, with or without the # — or paste any CSS color.

Every format

HEX#4f46e5

HEX (uppercase)#4F46E5

RGBrgb(79, 70, 229)

CSS rgb() modernrgb(79 70 229)

HSLhsl(243, 75%, 59%)

HSV / HSBhsv(243, 69%, 90%)

CMYKcmyk(66%, 69%, 0%, 10%)

OKLCHoklch(51.06% 0.2301 276.97)

Decimal 0–10.310, 0.275, 0.898

🔒 Converted instantly in your browser. Need more control? Open the full color picker.

How to convert RGB to HEX

Type the three numbers into R, G and B, use the sliders, or paste rgb(79, 70, 229) (even just 79, 70, 229) into the text box.
Copy the hex result — #4f46e5. Add an alpha value (rgba(…, 0.5)) to get 8-digit hex.

The formula

Convert each channel (0–255) to base 16 and pad it to two digits: divide by 16 — the whole part is the first digit, the remainder the second (10–15 become a–f).

Example: rgb(255, 99, 71) → 255 = 15×16 + 15 → ff; 99 = 6×16 + 3 → 63; 71 = 4×16 + 7 → 47, so the hex code is #ff6347 (tomato).

In JavaScript: "#" + [r, g, b].map(n => n.toString(16).padStart(2, "0")).join(""). Don't forget the padding — 9 must become 09, not 9.

Common RGB values

Color	RGB	HEX
Black	0, 0, 0	`#000000`
White	255, 255, 255	`#ffffff`
Red	255, 0, 0	`#ff0000`
Green (lime)	0, 255, 0	`#00ff00`
Blue	0, 0, 255	`#0000ff`
Mid gray	128, 128, 128	`#808080`

CSS named colors

Color	HEX	RGB
	#f0f8ff	rgb(240, 248, 255)
	#faebd7	rgb(250, 235, 215)
	#00ffff	rgb(0, 255, 255)
	#7fffd4	rgb(127, 255, 212)
	#f0ffff	rgb(240, 255, 255)
	#f5f5dc	rgb(245, 245, 220)
	#ffe4c4	rgb(255, 228, 196)
	#000000	rgb(0, 0, 0)
	#ffebcd	rgb(255, 235, 205)
	#0000ff	rgb(0, 0, 255)
	#8a2be2	rgb(138, 43, 226)
	#a52a2a	rgb(165, 42, 42)
	#deb887	rgb(222, 184, 135)
	#5f9ea0	rgb(95, 158, 160)
	#7fff00	rgb(127, 255, 0)
	#d2691e	rgb(210, 105, 30)
	#ff7f50	rgb(255, 127, 80)
	#6495ed	rgb(100, 149, 237)
	#fff8dc	rgb(255, 248, 220)
	#dc143c	rgb(220, 20, 60)
	#00ffff	rgb(0, 255, 255)
	#00008b	rgb(0, 0, 139)
	#008b8b	rgb(0, 139, 139)
	#b8860b	rgb(184, 134, 11)
	#a9a9a9	rgb(169, 169, 169)
	#006400	rgb(0, 100, 0)
	#a9a9a9	rgb(169, 169, 169)
	#bdb76b	rgb(189, 183, 107)
	#8b008b	rgb(139, 0, 139)
	#556b2f	rgb(85, 107, 47)
	#ff8c00	rgb(255, 140, 0)
	#9932cc	rgb(153, 50, 204)
	#8b0000	rgb(139, 0, 0)
	#e9967a	rgb(233, 150, 122)
	#8fbc8f	rgb(143, 188, 143)
	#483d8b	rgb(72, 61, 139)
	#2f4f4f	rgb(47, 79, 79)
	#2f4f4f	rgb(47, 79, 79)
	#00ced1	rgb(0, 206, 209)
	#9400d3	rgb(148, 0, 211)
	#ff1493	rgb(255, 20, 147)
	#00bfff	rgb(0, 191, 255)
	#696969	rgb(105, 105, 105)
	#696969	rgb(105, 105, 105)
	#1e90ff	rgb(30, 144, 255)
	#b22222	rgb(178, 34, 34)
	#fffaf0	rgb(255, 250, 240)
	#228b22	rgb(34, 139, 34)
	#ff00ff	rgb(255, 0, 255)
	#dcdcdc	rgb(220, 220, 220)
	#f8f8ff	rgb(248, 248, 255)
	#ffd700	rgb(255, 215, 0)
	#daa520	rgb(218, 165, 32)
	#808080	rgb(128, 128, 128)
	#008000	rgb(0, 128, 0)
	#adff2f	rgb(173, 255, 47)
	#808080	rgb(128, 128, 128)
	#f0fff0	rgb(240, 255, 240)
	#ff69b4	rgb(255, 105, 180)
	#cd5c5c	rgb(205, 92, 92)
	#4b0082	rgb(75, 0, 130)
	#fffff0	rgb(255, 255, 240)
	#f0e68c	rgb(240, 230, 140)
	#e6e6fa	rgb(230, 230, 250)
	#fff0f5	rgb(255, 240, 245)
	#7cfc00	rgb(124, 252, 0)
	#fffacd	rgb(255, 250, 205)
	#add8e6	rgb(173, 216, 230)
	#f08080	rgb(240, 128, 128)
	#e0ffff	rgb(224, 255, 255)
	#fafad2	rgb(250, 250, 210)
	#d3d3d3	rgb(211, 211, 211)
	#90ee90	rgb(144, 238, 144)
	#d3d3d3	rgb(211, 211, 211)
	#ffb6c1	rgb(255, 182, 193)
	#ffa07a	rgb(255, 160, 122)
	#20b2aa	rgb(32, 178, 170)
	#87cefa	rgb(135, 206, 250)
	#778899	rgb(119, 136, 153)
	#778899	rgb(119, 136, 153)
	#b0c4de	rgb(176, 196, 222)
	#ffffe0	rgb(255, 255, 224)
	#00ff00	rgb(0, 255, 0)
	#32cd32	rgb(50, 205, 50)
	#faf0e6	rgb(250, 240, 230)
	#ff00ff	rgb(255, 0, 255)
	#800000	rgb(128, 0, 0)
	#66cdaa	rgb(102, 205, 170)
	#0000cd	rgb(0, 0, 205)
	#ba55d3	rgb(186, 85, 211)
	#9370db	rgb(147, 112, 219)
	#3cb371	rgb(60, 179, 113)
	#7b68ee	rgb(123, 104, 238)
	#00fa9a	rgb(0, 250, 154)
	#48d1cc	rgb(72, 209, 204)
	#c71585	rgb(199, 21, 133)
	#191970	rgb(25, 25, 112)
	#f5fffa	rgb(245, 255, 250)
	#ffe4e1	rgb(255, 228, 225)
	#ffe4b5	rgb(255, 228, 181)
	#ffdead	rgb(255, 222, 173)
	#000080	rgb(0, 0, 128)
	#fdf5e6	rgb(253, 245, 230)
	#808000	rgb(128, 128, 0)
	#6b8e23	rgb(107, 142, 35)
	#ffa500	rgb(255, 165, 0)
	#ff4500	rgb(255, 69, 0)
	#da70d6	rgb(218, 112, 214)
	#eee8aa	rgb(238, 232, 170)
	#98fb98	rgb(152, 251, 152)
	#afeeee	rgb(175, 238, 238)
	#db7093	rgb(219, 112, 147)
	#ffefd5	rgb(255, 239, 213)
	#ffdab9	rgb(255, 218, 185)
	#cd853f	rgb(205, 133, 63)
	#ffc0cb	rgb(255, 192, 203)
	#dda0dd	rgb(221, 160, 221)
	#b0e0e6	rgb(176, 224, 230)
	#800080	rgb(128, 0, 128)
	#663399	rgb(102, 51, 153)
	#ff0000	rgb(255, 0, 0)
	#bc8f8f	rgb(188, 143, 143)
	#4169e1	rgb(65, 105, 225)
	#8b4513	rgb(139, 69, 19)
	#fa8072	rgb(250, 128, 114)
	#f4a460	rgb(244, 164, 96)
	#2e8b57	rgb(46, 139, 87)
	#fff5ee	rgb(255, 245, 238)
	#a0522d	rgb(160, 82, 45)
	#c0c0c0	rgb(192, 192, 192)
	#87ceeb	rgb(135, 206, 235)
	#6a5acd	rgb(106, 90, 205)
	#708090	rgb(112, 128, 144)
	#708090	rgb(112, 128, 144)
	#fffafa	rgb(255, 250, 250)
	#00ff7f	rgb(0, 255, 127)
	#4682b4	rgb(70, 130, 180)
	#d2b48c	rgb(210, 180, 140)
	#008080	rgb(0, 128, 128)
	#d8bfd8	rgb(216, 191, 216)
	#ff6347	rgb(255, 99, 71)
	#40e0d0	rgb(64, 224, 208)
	#ee82ee	rgb(238, 130, 238)
	#f5deb3	rgb(245, 222, 179)
	#ffffff	rgb(255, 255, 255)
	#f5f5f5	rgb(245, 245, 245)
	#ffff00	rgb(255, 255, 0)
	#9acd32	rgb(154, 205, 50)

Related tools

Embed this tool on your site

Browse all embeddable tools →

Free for blogs, HR, payroll and contractor sites: copy one snippet — the widget sizes itself and matches your colors.

Get the embed code

Frequently asked questions

Is it free and private?

Yes. It's free with no sign-up, and it runs entirely in your browser — the colors you enter are never uploaded or logged.

What if my RGB values are percentages or 0–1 decimals?

Paste them as rgb(100%, 50%, 0%) and they're converted. For 0–1 decimals, multiply by 255 first (0.5 → 128).

How does alpha convert to hex?

Alpha 0–1 is multiplied by 255 and written as a fourth hex pair: 0.5 → 128 → 80, so rgba(0, 0, 0, 0.5) is #00000080.

Why does my converted color look different in print?

RGB and hex describe screen (sRGB) colors. Printers use CMYK inks with a smaller gamut, so vivid screen colors can look duller on paper.

Your business here? Sponsor this tool from $16/week. See placements