HEX to RGB Converter

HEX is a 6-digit hexadecimal code most commonly seen in web design (#FF5733). RGB breaks color into Red, Green, Blue components (0-255 each) — the natural format for screens. HSL uses Hue (0-360 degrees on the color wheel), Saturation (0-100%), and Lightness (0-100%), which is more intuitive for adjusting shades and tints of a color.

The alpha slider controls transparency from 0 (fully transparent) to 1 (fully opaque). When alpha is less than 1, the tool outputs RGBA and HSLA instead of plain RGB/HSL. These are the CSS formats for transparent or semi-transparent backgrounds, overlays, and text colors.

Three-digit HEX (#F53) is shorthand for six-digit (#FF5533) where each digit is doubled. Type the 3-digit code directly — the converter handles it automatically. The output always shows the full 6-digit form.

HSL is better for generating color palettes and variations. To lighten a color, increase the Lightness value. To desaturate, decrease Saturation. To shift hue, change the H value. RGB does not have these intuitive relationships, so HSL is the preferred format for dynamic theming and CSS custom properties.

Yes. Click the color picker button to open the native browser color picker. Some browsers (Chrome, Edge) support an eyedropper feature that can sample any pixel on your screen. Support depends on your browser version.

The CSS output section shows ready-to-paste CSS color declarations for each format: background-color: #FF5733; or color: rgb(255, 87, 51); etc. Click any copy button next to it to copy the exact CSS line to your clipboard.

Yes, it is free. All color math runs locally in your browser via JavaScript. No color values, images, or any data are sent to a server.