HEX ↔ RGB Color Converter
Convert HEX color codes to RGB values and back. Live color preview updates as you type.
⇄
Tip: Type in either side — the other updates instantly with a live preview.
💡 Definition
HEX & RGB Color Models
- HEX is a 6-digit hexadecimal representation of color (#RRGGBB).
- RGB defines color as three channels — Red, Green, and Blue — each ranging from 0 to 255.
- Both are used extensively in web design and CSS.
📖 How to use
Step by Step
- Enter a HEX code (e.g. #FF5733) on the left
- Or enter R, G, B values (0–255) on the right
- The color preview and opposite field update instantly
- Click copy buttons to grab CSS-ready values
🎯 Use cases
When to use
- Converting design tool colors to CSS code
- Matching brand colors across platforms
- Web development and UI design
- Email template color specifications
Frequently Asked Questions
What is a HEX color code?▾
A HEX color code is a 6-character string representing a color in hexadecimal format. The first two characters are Red, the next two Green, and the last two Blue. For example, #FF0000 is pure red.
What is the RGB color model?▾
RGB stands for Red, Green, Blue. Each channel ranges from 0 to 255. rgb(255, 0, 0) is pure red, rgb(0, 255, 0) is pure green, and rgb(0, 0, 0) is black.