Hex to RGB Converter

Convert hex color codes to RGB, HSL, and CMYK values instantly. Live color preview, adjustable sliders, and ready-to-use CSS code.

100% client-side. Your data never leaves your browser.

#
RGB
rgb(255, 87, 51)
RGBA
rgba(255, 87, 51, 1)
HEX
#FF5733
HSL
hsl(11, 100%, 60%)
HSLA
hsla(11, 100%, 60%, 1)
CMYK
cmyk(0%, 66%, 80%, 0%)
CSS Variable
--color-primary: #FF5733;

Quick Presets

Related Tools

📝 Word Counter { } JSON Formatter & Validator

Live Preview

See your color update in real-time as you type hex codes or adjust RGB sliders. Includes a native color picker for visual selection.

Multiple Formats

Convert between HEX, RGB, RGBA, HSL, HSLA, and CMYK color formats. One-click copy for any format you need.

CSS Ready

Get ready-to-use CSS code with one click. Copy hex, rgb(), hsl(), or CSS custom property declarations directly into your stylesheets.

Need something custom built?

I build custom Laravel tools, web apps, and SaaS platforms. If you need something beyond off-the-shelf, let's talk.

Contact

Frequently Asked Questions

How do I convert hex to RGB?
Enter your hex color code (e.g., #FF5733) into the input field and the tool instantly converts it to RGB values (e.g., rgb(255, 87, 51)). You can also use the color picker or adjust the RGB sliders directly. All output formats update in real-time.
What is the difference between hex and RGB colors?
Hex colors use a 6-digit hexadecimal format (#RRGGBB) where each pair represents Red, Green, and Blue values from 00 to FF (0-255 in decimal). RGB uses decimal values from 0 to 255 for each channel. Both represent the same colors. Hex is commonly used in CSS and design tools, while RGB is used in programming and color manipulation.
Can I convert RGB back to hex?
Yes! This tool works both ways. Use the Red, Green, and Blue sliders or type values directly into the number inputs to set your RGB color. The hex code and all other formats update automatically.
What is the hex code for white and black?
White is #FFFFFF in hex or rgb(255, 255, 255). Black is #000000 in hex or rgb(0, 0, 0). You can click the Black and White preset buttons above to load these values.
Does the converter support alpha transparency?
Yes! Adjust the Alpha slider to control opacity from 0 (fully transparent) to 1 (fully opaque). The RGBA and HSLA output values will reflect your transparency setting. When alpha is less than 1, the hex output also shows the 8-digit hex format (#RRGGBBAA).