Color Code Picker

Convert a hex colour to RGB and HSL.

Runs in your browser. Nothing is uploaded — your input is processed on this device and discarded when you close the tab.

Hex colour code

How to use this tool

Enter your values in the fields above.
Press Generate to see the result.
Use Load sample to try the worked example, Copy result to copy it, or Clear to start again.

The sample #0F766E converts to RGB 15, 118, 110 and HSL 175 degrees, 77% saturation, 26% lightness. Its complement is #760F18.

This converts colour codes only. It does not check colour contrast for accessibility or suggest full colour palettes.

Can I enter a 3-digit hex code?

Yes. A code like #F60 is expanded to #FF6600 before converting.

What is the complementary colour?

The colour opposite on the colour wheel, made by shifting the hue by 180 degrees.

Create QR codes for links, contacts, Wi-Fi and locations, with size and error-correction controls, and download as PNG, SVG or PDF.

Live

Make a multi-layer ICO, PNG set, manifest and HTML snippet from an image or letter mark.

Live

Create Code 39 and EAN barcodes and print label sheets at exact millimetre sizes.

Live