Convert an RGB color value to its HEX equivalent.
Colors on the web are commonly expressed three ways: HEX (a six-digit hexadecimal code like #12805C), RGB (red, green, blue values from 0-255), and HSL (hue, saturation, lightness — often more intuitive for adjusting a color while keeping its character).
This tool converts between all three formats live as you type or pick a color, so you can grab whichever format the code you are working in expects — CSS accepts all three, but a design tool or a specific framework may standardize on one.
HSL is particularly useful for programmatically generating color variations: keeping hue and saturation fixed while changing only lightness produces a consistent tint/shade ladder, which is how the palette generator on this site builds its color sets.
All three work in modern CSS. HEX is the most common for fixed brand colors; HSL is often easier when you need to programmatically lighten or darken a color while keeping its hue.
Not in this version — it converts solid HEX, RGB, and HSL values without an alpha channel.
Yes, paste a value like rgb(18, 128, 92) into the text field and it will convert to HEX and HSL automatically.