RGB to HEX Converter

Convert colors between RGB, HEX, HSL, and HSB/HSV formats instantly. Color picker with live preview, WCAG contrast checker, and common web color reference.

Color Values

HEX#FF6347

RGBrgb(255, 99, 71)

HSLhsl(9, 100%, 64%)

HSVhsv(9, 72%, 100%)

CSS nameTomato

Named Color Shortcuts

How to Use RGB to HEX Converter

1Enter a color in any format: HEX (#rrggbb), RGB (r,g,b), or HSL.
2See the color previewed in real time.
3Copy the converted color code in your preferred format.
4Use the color picker for visual selection.

Zenovay

Privacy-first analytics for your website

Understand your visitors without invasive tracking. GDPR compliant, lightweight, and powerful.

Explore Zenovay

Unit ConverterConvert between units of length, weight, temperature, area, volume, speed, and more.

Number Base ConverterConvert numbers between binary, octal, decimal, and hexadecimal bases.

Unix Timestamp ConverterConvert between Unix timestamps and human-readable dates. Show ISO 8601, UTC, local time, and relative time.

Frequently Asked Questions

How do I convert RGB to HEX?▾

Each RGB channel (0-255) converts to a 2-digit hexadecimal value. Formula: HEX = # + toHex(R) + toHex(G) + toHex(B). Example: RGB(255, 99, 71) → R=255=FF, G=99=63, B=71=47 → #FF6347 (Tomato red). JavaScript: `'#' + [r,g,b].map(v => v.toString(16).padStart(2,'0')).join('')`. In CSS, 3-digit shorthand (#RGB) works when each pair is identical: #FFCC00 → #FC0.

What is the difference between RGB and HSL?▾

RGB (Red, Green, Blue) describes color as additive light components — the model used by screens. HSL (Hue, Saturation, Lightness) describes color more intuitively: Hue is the color angle (0-360°), Saturation is color intensity (0-100%), Lightness is brightness (0% = black, 100% = white). HSL makes it easier to create color palettes (adjust L to get tints/shades) and color harmonies (rotate H by 30°/60°/120°).

What is the difference between HSL and HSV/HSB?▾

HSL (Hue, Saturation, Lightness): at L=50% you get pure color, L=100% = white. HSV/HSB (Hue, Saturation, Value/Brightness): at V=100% you get pure color, V=0% = black. HSL is used in CSS (hsl()). HSV/HSB is used in most design tools (Photoshop, Figma, Sketch color pickers). Conversion: both use the same Hue but calculate S and the third component differently. CSS does not support HSV natively.

What does RGBA and HSLA mean?▾

RGBA and HSLA add an Alpha channel for opacity: rgba(255, 99, 71, 0.5) = 50% transparent tomato red. Alpha range: 0 (fully transparent) to 1 (fully opaque) in CSS rgba(); 0-255 in some other systems. HEX with alpha: 8-digit hex (#RRGGBBAA) — supported in modern CSS. Example: #FF634780 = tomato red at ~50% opacity (80 hex = 128 decimal = ~50%). 6-digit hex has no alpha.

What are CSS named colors?▾

CSS defines 147 named colors, from "red" (#FF0000) to "rebeccapurple" (#663399, named after a developer's daughter in 2014). Extended from HTML 4 (16 basic colors) through CSS 1/2/3. "transparent" is also a valid keyword (rgba(0,0,0,0)). Named colors are case-insensitive. All modern browsers support all 147 named colors. "currentColor" is a special keyword that inherits the element's color property value.

Image Tools