ToolKit logoToolKit

Color tools

Color Picker & Converter

Pick a color and convert it to HEX, RGB, HSL, HSV, CMYK and CSS formats.

Color picker

HEX

#111827

RGB

rgb(17, 24, 39)

CSS variable

--color: #111827;

How to use the Color Picker & Converter

The Color Picker lets you choose a colour visually or enter a value and instantly see it expressed as HEX, RGB, HSL, HSV and CMYK, each with copy-ready CSS. Picking a single colour gives you every code you might need across design and development at once, and a click copies any individual value straight to your clipboard for use in a stylesheet or design file.

Designers matching a brand palette, developers translating a mock-up into working CSS, and print users who need accurate CMYK values all benefit from having every format in one view. Instead of hunting for a separate converter when a project demands a different colour model, you read it directly from the same panel.

Colour conversions are computed in your browser, so there is nothing to upload and no latency between picking a shade and seeing its codes. With no install and no account, it works as a quick, dependable reference any time you are working with colour.

Frequently asked questions

How do I convert HEX to RGB?

Enter your HEX color code (e.g. #3b82f6). The RGB, HSL, HSV and CMYK equivalents are shown instantly.

Can I copy CSS color values?

Yes. Click the copy icon next to any format (HEX, RGB, HSL) to copy it directly to your clipboard for use in CSS.