CSS Gradient Generator

About this tool

RGB and hex are the two most common ways to write a color in CSS — RGB describes a color as three numbers (red, green, blue, each 0-255), while hex packs the same three values into a 6-character code like #FF6347. Type into either side and the other updates: use it when a color picker, design tool, or eyedropper gives you an RGB value and you need the hex code for your CSS, or the other way round, when you have a hex code and need RGB, for example to reuse the color with an opacity value via rgba(), since hex alone doesn't support transparency (outside of the less-common 8-digit hex format).

FAQ

How do I convert an RGB color to hex?

Enter the Red, Green, and Blue values (0-255 each) into the fields above — the hex code, along with the equivalent HSV and HSL values, updates instantly.

How do I convert a hex color to RGB?

Type the hex code (with or without the #, 3 or 6 digits) into the Hex field — the Red, Green, and Blue values, along with the equivalent HSV and HSL values, update instantly.

What's the hex code for a specific color name?

Check the table below for common colors, or browse the full Color Names list.

Can I convert a color with transparency (RGBA) to hex?

Yes, with an 8-digit hex code (#RRGGBBAA) — the last two characters encode the alpha channel. Standard 6-digit hex has no transparency.

Hex & RGB codes for common colors