🎨 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.

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.