Convert RGB and RGBA colour values into HEX codes.
#ff8800
#ff8800
rgb(255, 136, 0)
hsl(32, 100%, 50%)
CSS rgb()
Copied straight from devtools
rgb(255, 136, 0)With transparency
Alpha becomes an eight-digit HEX
rgba(79, 70, 229, 0.5)Bare numbers
Commas alone are enough
34, 197, 94CSS rgb()
Copied straight from devtools
rgb(255, 136, 0)With transparency
Alpha becomes an eight-digit HEX
rgba(79, 70, 229, 0.5)Bare numbers
Commas alone are enough
34, 197, 94Paste a complete rgb() or rgba() string, or set each channel with the sliders.
You get six digits normally, or eight when an alpha value below one is present.
The result is ready to paste anywhere a colour is expected.
Full CSS functions, bare comma-separated numbers and slash-separated modern syntax are all parsed, so pasting from devtools just works.
Adjusting channels directly is often faster than guessing values when you are trying to match a colour.
A 0–1 alpha becomes the right hexadecimal pair, which is easy to get wrong by hand.
Convert RGB channel values into a hexadecimal colour code. Paste a full rgb() or rgba() string copied from developer tools, or enter the three channels individually with sliders. Alpha is converted into the eight-digit HEX form when present, and the HSL equivalent is shown alongside for reference. A live swatch confirms the colour as you type, which catches a transposed channel immediately.
Keep going
Related pages in Developer Tools, plus what others are using right now.
More developer tools that pair well with this one.
Convert HEX colour codes to RGB and HSL, including alpha values.
Pick a colour and get HEX, RGB and HSL values with contrast checking.
Build CSS box shadows visually and copy the generated code.
Format and tidy CSS, SCSS and Less with consistent spacing and indentation.
Create linear and radial CSS gradients visually and copy the code.
Format, validate and minify JSON, with errors that point to the exact line.
Create strong random passwords with full control over length and characters.
Work out any percentage — of a number, as a share, or as a change.
Count words, characters, sentences and paragraphs as you type.
Convert between length, weight, temperature, volume, speed, data and more.
Count characters with and without spaces, against the limits that matter.
Find the mean, median, mode and range of a list of numbers, with the working shown.
Sample and population standard deviation and variance, both shown, with the working.
Turn a logo into favicon.ico, the PNG sizes a site needs, and the HTML to declare them.
Check a downloaded file against its published checksum, without uploading anything.
Stamp text like DRAFT or CONFIDENTIAL across a PDF, in your browser.
Escape text for HTML, or turn entities back into readable characters.
See how savings grow with compounding, including regular contributions.