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.