Which color formats does this tool convert between?

HEX, RGB, RGBA, HSL, HSLA, and CSS named colors (like "cornflowerblue") are all supported in both input and output.

Can I enter a CSS named color as input?

Yes. Type any valid CSS color name and the tool will convert it to its HEX, RGB, and HSL equivalents.

Does it support alpha / transparency values?

Yes. RGBA and HSLA values with an alpha channel are fully supported in both input and output.

Color Code Converter — HEX, RGB, HSL & More

Instantly convert any color between HEX, RGB, RGBA, HSL, HSLA, and CSS named color formats. Enter a value in any supported format and all other representations update in real time. Eliminates the mental arithmetic of color model conversion when working across design tools and CSS stylesheets.

Frequently Asked Questions

Which color formats does this tool convert between?: HEX, RGB, RGBA, HSL, HSLA, and CSS named colors (like "cornflowerblue") are all supported in both input and output.
Can I enter a CSS named color as input?: Yes. Type any valid CSS color name and the tool will convert it to its HEX, RGB, and HSL equivalents.
Does it support alpha / transparency values?: Yes. RGBA and HSLA values with an alpha channel are fully supported in both input and output.

Related Tools

Type Scale Generator — Modular Typography Scale

Generate a modular type scale from any base size and ratio. Choose from Perfect Fourth, Golden Ratio, and more — get px, rem, CSS variables or Tailwind config output. Free.

Font Size Converter — pt to px to rem

Convert font sizes between pt (print), px (screen), and rem. Set your root font size and see all three equivalents instantly. Includes a reference table of 17 common print sizes. Free.

Color Lightener & Darkener — Generate Tints and Shades

Generate lighter tints and darker shades of any color. See the full scale from white to black with one-click copy of HEX, RGB, or HSL values for each swatch. Free.