Convert a hex color code to its rgb() values and back, with a live swatch so you can see the color as you work. Design tools hand you hex, but CSS gradients, canvas APIs and rgba transparency often need the individual red, green and blue components, and doing that conversion by hand is tedious. This tool accepts full six-digit and shorthand three-digit hex, shows the exact rgb() string ready to paste into your stylesheet, and updates a preview box so you catch a wrong value immediately. You can also enter RGB numbers to get the hex back. Type a hex code or pick a color, then copy the value you need. Everything runs in your browser with no external requests.