RGB to HEX Converter

Convert RGB color values to a HEX code with live, two-way sliders.

Enter a color

#3B82F6
 
  • HEX
  • RGB
  • HSL
  • HSB
  • HSV
  • CMYK
  • OKLCH
  • LCH
  • LAB
  • HWB
Copy HEX Copy Link

Contrast & Accessibility WCAG ratio of this color used as text

Aa ——on white
Aa ——on black

Shades & Tints click any swatch to load it

Shades (toward black)
Tints (toward white)

Color Harmonies based on the current Hue

Complementary
 
Analogous
  
Triadic
  
Split Complementary
  
Tetradic
   

About the RGB to HEX Converter

What is RGB to HEX conversion?

RGB describes a color as three decimal values — red, green, and blue from 0 to 255. A HEX code packs those same three numbers into the six-character #RRGGBB form that web pages and design tools use everywhere. This converter turns your RGB values into HEX instantly, along with HSL, HSB/HSV, and CMYK and a live preview.

HEX is the universal shorthand for sharing a color, so this is the step you take when you have RGB numbers from code or a design app and need the value to paste into CSS, a logo tool, or a brand doc. Drag the R, G, and B sliders and the HEX updates live. It all runs in your browser.

How to Use This Tool

  1. Set your RGB color. Drag the Red, Green, and Blue sliders, or type exact 0–255 values.
  2. Read the HEX code. The matching #RRGGBB appears at the top of the results and updates live.
  3. Or start from HEX. Paste a HEX code or use the eyedropper and the RGB sliders snap to match.
  4. Copy what you need. Grab HEX, HSL, HSB, or CMYK, and explore the shades, tints, and harmonies.

Common Use Cases

  • Writing CSS: Turn RGB numbers into the HEX most stylesheets and tools use.
  • Sharing a color: HEX is the easiest form to drop into a message or brand document.
  • Exporting from code: Convert computed RGB values into a HEX for assets.
  • Checking contrast: See how the color scores as text on white and black.

Need the reverse or another model? Use our HEX to RGB converter, the RGB to HSL converter, or browse all our free color tools.

Frequently Asked Questions

How do I convert RGB to HEX?

Write each of the red, green, and blue values (0–255) as a two-digit hexadecimal number and join them after a #. For example, rgb(59, 130, 246) becomes #3B82F6. The tool does it instantly.

Can I use the HEX code in CSS?

Yes — HEX is the most common CSS color format and works in every browser. You can also use the eight-digit #RRGGBBAA form for transparency.

Is the conversion exact?

Yes. HEX and RGB are two notations for the same value, so the round trip between them is always exact.

Is this tool free and private?

Completely. The conversion runs entirely in your browser with JavaScript, so your colors are never uploaded or logged, and it works offline once loaded.