ToolsGini Logo
Back to Tools
Developer

Free HEX to RGB Color Converter

Convert HEX color codes to RGB and RGBA instantly with live preview.

Alpha (Opacity)100%
Color Preview
rgb(249, 115, 22)
rgba(249, 115, 22, 1.00)
R: 249 | G: 115 | B: 22

About this tool

Colors on the web are represented in multiple formats. HEX (hexadecimal) is the most common in HTML and CSS, using a 6-digit code prefixed with # (e.g., #FF5733). RGB (Red, Green, Blue) is a numeric format specifying values from 0-255 for each color channel, widely used in CSS and design tools. This tool converts between HEX and RGB instantly with a live color preview. It also provides RGBA format with opacity support, making it perfect for CSS transparency effects. The bidirectional converter lets you work in either direction - input a HEX code to get RGB values, or set RGB sliders to get the corresponding HEX code. Web designers and developers use this tool daily when translating colors between design tools like Figma or Photoshop (which often use HEX) and CSS code (which may use RGB or RGBA for opacity).

How to use

Step 1: Use HEX to RGB mode to convert a hex color code to RGB values, or switch to RGB to HEX mode.
Step 2: In HEX mode, type or paste your color code (with or without the # symbol).
Step 3: In RGB mode, adjust the R, G, B sliders or type values from 0 to 255.
Step 4: The live color preview box updates instantly to show your color.
Step 5: Click Copy next to any output format to copy it to your clipboard.

Frequently Asked Questions

HEX is a hexadecimal representation of RGB values. #FF0000 is the same as rgb(255, 0, 0) - both represent pure red. HEX is more compact for CSS, while RGB is more readable and supports decimal precision.

RGBA adds an Alpha (opacity) channel to RGB. The alpha value ranges from 0 (fully transparent) to 1 (fully opaque). For example, rgba(255, 0, 0, 0.5) is 50% transparent red.

Yes. A 3-digit HEX code like #F73 is shorthand for #FF7733 - each digit is simply doubled. This tool accepts both 3-digit and 6-digit HEX codes.

Screens use the RGB color model (additive color), while printers use CMYK (subtractive color). A color that looks great on screen may appear different when printed because the color models have different gamuts.

Related Tools

{ }

CSS Minifier

Minify your CSS code to reduce file size instantly.

Open tool
🏷️

Meta Tag Generator

Create HTML meta tags for SEO with a live SERP preview.

Open tool
🔡

Slug Generator

Convert any text into a clean, URL-friendly slug instantly.

Open tool