Convert between HEX, RGB, and HSL
Convert colors between HEX, RGB, and HSL formats with live preview. Copy color codes instantly. Free online color tool. This tool runs entirely in your browser — no data is sent to any server. It's fast, free, and works on any device.
Colors in digital design are represented in multiple formats, each suited to different contexts. HEX (#FF5733) is the web standard, compact and widely supported in CSS and HTML. RGB (255, 87, 51) describes colors as red, green, and blue light intensities — matching how screens actually display color. HSL (14°, 100%, 60%) uses hue, saturation, and lightness — more intuitive for human understanding and easier to create color variations. HSV/HSB is similar but preferred in design tools like Photoshop. Converting between these formats is a constant need for web developers writing CSS, designers matching brand colors across tools, and anyone working with color in digital media. This converter handles all common formats bidirectionally with real-time preview.
HEX is more compact in CSS (#FF5733 vs rgb(255,87,51)) and is the traditional web format. RGB is needed when you want opacity (rgba). Modern CSS supports both equally. Use whichever your team prefers.
HSL (Hue, Saturation, Lightness) represents colors in a way humans naturally think about them. Want a lighter version? Increase L. Want it more muted? Decrease S. This makes creating color palettes and themes much more intuitive than tweaking RGB values.
HSL and HSV both use hue and saturation but differ in the third component. HSL's lightness ranges from black (0%) through the pure color (50%) to white (100%). HSV's value/brightness goes from black (0%) to the fully saturated color (100%).
CMYK (print colors) to RGB (screen colors) conversion is approximate because they use different color models. Screen colors (RGB, additive) have a wider gamut than print (CMYK, subtractive). For print-critical work, use ICC profiles.
Figma primarily shows HEX and RGB with HSB in the color picker. Sketch uses HEX with HSB. Both can display all formats — use this converter when you need a specific format your tool doesn't show.