Utilities

Colour converter

Convert colours between HEX, RGB, HSL, and HSB formats with a live preview.

HEX

RGB

HSL

Quick select

100% private. All processing happens locally in your browser — no files or data are ever sent to a server.

How to use Colour converter

01 Enter or select your colour using the controls above
02 Results update in real time — no button press needed
03 Use the Copy button to copy values to your clipboard

Frequently asked questions

Common questions about Colour converter.

Is Colour converter free to use?

Yes, Colour converter is completely free. No account, subscription, or payment is ever required — just open the page and start using it.

Does Colour converter upload my data to a server?

No. Colour converter runs entirely in your web browser using client-side JavaScript. Your files, text, and data never leave your device, making it 100% private.

Can I use Colour converter on my phone or tablet?

Yes. Colour converter is fully responsive and works on all modern smartphones, tablets, and desktop browsers without installing any app.

Does Colour converter work without an internet connection?

Yes. Once the page has loaded, Colour converter works fully offline — all colour processing is done locally in your browser.

More Utilities tools

Unit converter

Convert length, weight, temperature, volume, and more from one unit to another.

Utilities

Password generator

Generate strong, random passwords with custom length and character rules.

Utilities

Gradient generator

Build linear and radial CSS gradients. Add colour stops, set angle, get Tailwind classes.

Utilities

About Colour converter

The Colour Converter translates colour values between HEX (the format used in HTML and CSS), RGB (red, green, blue channels used in digital displays and CSS), HSL (hue, saturation, lightness — the most intuitive format for making colour adjustments), and HSB/HSV (hue, saturation, brightness — common in design tools like Figma and Photoshop). A live colour preview swatch updates as you type or adjust values. Designers use it when translating brand colours between tools; developers use it when working across CSS, SVG, Canvas, and design system tokens that use different colour notations.