Tiny Toolkit

Color Code Converter

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.

All processing happens in your browser. No data is sent to any server.

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

Color Lightener & Darkener

Generate tints and shades of any color. Click any swatch to copy its HEX, RGB, or HSL code.

Tailwind Shade Generator

Generate a full 11-stop Tailwind CSS color scale from any base color. Export as a JS object or CSS variables.

Border Radius Generator

Visually build CSS border-radius values. Control each corner independently, toggle px or %, and copy the ready-to-use shorthand.