Tiny Toolkit

Color Code Converter

Instantly convert any colour between HEX, RGB, RGBA, HSL, HSLA, and CSS named colour formats. Enter a value in any supported format and all other representations update in real time. Eliminates the mental arithmetic of colour 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 colour formats does this tool convert between?
HEX, RGB, RGBA, HSL, HSLA, and CSS named colours (like "cornflowerblue") are all supported in both input and output.
Can I enter a CSS named colour as input?
Yes — type any valid CSS colour 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.