HEX ↔ RGB Converter

Convert colors between HEX, RGB, RGBA, and HSL directly in your browser.

For this tool, processing runs locally in your browser and data is not sent to the server.

HEX ↔ RGB Converter is a free online tool for converting colors between HEX, RGB, RGBA, and HSL. It helps prepare CSS values, Figma tokens, Tailwind arbitrary classes, and design-system colors with preview and opacity controls. Conversion runs locally in your browser, and data is not sent to the UtiLab server.

What it does

Output

Processing

Continue working

Choose a related tool for the next step.

DCSS Gradient Generator

Open

QRandom Color Generator

DCSS Box Shadow Generator

Open

DCSS Border Radius Generator

Open

Data passed between tools is kept only in the current browser session.

How to use

Enter a color in HEX, RGB, RGBA, or HSL format.
The tool detects the format and shows a color preview.
Review HEX, RGB, RGBA, and HSL values.
Adjust opacity and output format if needed.
Copy the value you need for CSS, Figma, Tailwind, or a design system.

More about this tool

The HEX RGB Converter converts web colors between HEX, RGB, RGBA, and HSL directly in your browser. It helps you quickly turn #RRGGBB into rgb(), get rgba() with transparency, build a CSS variable, a Tailwind arbitrary class, or a design-system value. Paste a color in any supported format, preview it, tune alpha, and copy the result. Conversion runs locally in your browser, and your data is not sent to the UtiLab server.

Runs in the browser
Data is not sent to the server
Converts HEX to RGB
Converts RGB to HEX
Supports RGBA and transparency
Shows a color preview
Copy CSS variable and Tailwind value
No registration required

Frequently Asked Questions

How do I convert HEX to RGB?

Enter a HEX color such as #007AFF. The tool shows RGB, RGBA, HSL, and other formats automatically.

How do I convert RGB to HEX?

Enter a color such as rgb(0, 122, 255) and the converter shows the matching HEX, for example #007AFF.

Is transparency supported?

Yes. You can use RGBA or HEX with alpha, or adjust transparency with a separate slider.

Can I enter short HEX like #fff?

Yes. Short HEX #fff is expanded automatically to #FFFFFF.

Can I copy a CSS variable?

Yes. The tool can build a line such as --color-primary: #007AFF and a :root block with a CSS variable.

Can I get a Tailwind class?

Yes. For a color you can copy a Tailwind arbitrary class such as bg-[#007AFF], text-[#007AFF], or border-[#007AFF].

Is my data sent to the server?

No. Conversion runs locally in your browser and is not sent to the UtiLab server.

How is HEX different from RGB?

HEX stores a color as a hexadecimal code such as #007AFF. RGB stores the same channels as numbers from 0 to 255, for example rgb(0, 122, 255).

What is RGBA?

RGBA is RGB with an alpha transparency channel. For example, rgba(0, 122, 255, 0.5) is blue at 50% opacity.

Do I need to register?

No. The tool works immediately without registration.

More about this tool

Runs in the browser
Data is not sent to the server
Converts HEX to RGB
Converts RGB to HEX
Supports RGBA and transparency
Shows a color preview
Copy CSS variable and Tailwind value
No registration required

Frequently Asked Questions

How do I convert HEX to RGB?

Enter a HEX color such as #007AFF. The tool shows RGB, RGBA, HSL, and other formats automatically.

How do I convert RGB to HEX?

Enter a color such as rgb(0, 122, 255) and the converter shows the matching HEX, for example #007AFF.

Is transparency supported?

Yes. You can use RGBA or HEX with alpha, or adjust transparency with a separate slider.

Can I enter short HEX like #fff?

Yes. Short HEX #fff is expanded automatically to #FFFFFF.

Can I copy a CSS variable?

Yes. The tool can build a line such as --color-primary: #007AFF and a :root block with a CSS variable.

Can I get a Tailwind class?

Yes. For a color you can copy a Tailwind arbitrary class such as bg-[#007AFF], text-[#007AFF], or border-[#007AFF].

Is my data sent to the server?

No. Conversion runs locally in your browser and is not sent to the UtiLab server.

How is HEX different from RGB?

HEX stores a color as a hexadecimal code such as #007AFF. RGB stores the same channels as numbers from 0 to 255, for example rgb(0, 122, 255).

What is RGBA?

RGBA is RGB with an alpha transparency channel. For example, rgba(0, 122, 255, 0.5) is blue at 50% opacity.

Do I need to register?

No. The tool works immediately without registration.