Tool

RGB to HEX Converter

Drag the R, G, B sliders or type values directly. Your HEX code updates live and is ready to copy straight into CSS.

#1C60F6

color: #1c60f6;

About the RGB to HEX Converter

RGB and HEX are two formats for the same colour model. RGB expresses colours as three numbers from 0–255 (red, green, blue) — the format used by design tools like Figma, Photoshop, and most programming environments. HEX is the six-character shorthand used in CSS and HTML.

Converting RGB to HEX is straightforward: each channel value (0–255) is converted to a two-digit base-16 (hexadecimal) number, then the three are concatenated with a # prefix. For example, rgb(28, 96, 246) becomes #1c60f6.

Use the sliders for a visual approach or type values directly. The colour preview updates in real time so you always see exactly what you're working with.

Need the reverse? Convert HEX to RGB →

Explore more free tools: HEX to RGB · JPG to PNG · Word Counter

Color guides

RGB vs HEX Colors →Same colour, different format — when to use each.What Is a HEX Color Code? →How to read and use hex colors explained simply.