🎨 Color Tools

HEX to RGB Color Converter

Convert any HEX color code to RGB, HSL, HSV and CMYK. Live preview, tints and shades panel, copy any format instantly.

The HEX to RGB is a free online tool that helps you convert any hex color code to rgb, hsl, hsv and cmyk. live preview, tints and shades panel, copy any format instantly It runs in your browser with no sign-up, downloads, or installation needed. All processing happens locally — your data stays on your device.
HEX to RGB
Enter a 3 or 6 character hex code, with or without #

How to use the HEX to RGB

1

Enter any hex color

Type a hex color code into the field — with or without the # symbol. Both 3-digit (#fff) and 6-digit (#ffffff) hex codes are accepted. You can also click the color picker square to select a color visually. The preview updates instantly and all output formats are recalculated.

2

Copy any format

Each output row has its own Copy button so you can grab exactly the format you need — RGB for CSS, HSL for easier manipulation in design tools, or CMYK for print. "Copy CSS" at the top copies the complete CSS color declaration ready to paste into your stylesheet.

3

Tints and shades

The tints and shades panel shows 10 lighter and 10 darker variants of your color — useful for creating a design system palette. Click any swatch to load that color and see all its values. Each swatch shows its hex code on hover.

💡 Did you know?

Hex colour notation comes from the 8-bit RGB display standard of early Macs and PCs (1980s) — 256 levels per channel (00-FF), three channels, six hex digits. That gives 16,777,216 colours, which the human eye can only distinguish about 10 million of.

Reviewed for 2026. Built by a UK-based qualified primary teacher and FA Level 2 coach as part of 247QuickTools' free utility-tools project.