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.
Your data is processed entirely in your browser. Nothing is uploaded to any server.
#
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
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 a custom tool or web app?
I build MVPs and custom web applications in 7 days. From idea to production, fast, reliable, and scalable. 9+ years of full-stack experience.
Book a Free CallFrequently 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).