Color Picker & Converter

Color Picker & Converter is a free online tool that lets you select colors visually and convert between popular color formats including HEX, RGB, and HSL. It is an essential utility for web designers, developers, graphic artists, and anyone working with digital colors.

The tool provides an interactive color picker with a spectrum selector, brightness and saturation controls, and an opacity slider. As you pick a color, you instantly see the corresponding HEX code, RGB values, and HSL values, making it easy to grab the exact format you need for your project.

Beyond basic color picking, the tool also generates complementary, analogous, and other color harmony palettes based on your selected color. This helps you quickly build cohesive color schemes for websites, apps, and design projects. All processing runs in your browser with no installation required.

HEX, RGB and HSL are three ways of writing the same sRGB colour rather than three colour spaces, so converting between them is exact and lossless in both directions. HSL is the useful one to reason in, because adjusting lightness or saturation while holding hue keeps colours in the same family, which is far harder to do by editing hex digits. Modern CSS adds notations that reach outside sRGB, such as oklch and display-p3, and those can describe colours no hex value can. Anything expressed here stays inside sRGB, which is the safe common ground every display can show. The eyedropper, where the browser provides one, samples the rendered pixel rather than the source colour, so a value picked from an image that has been scaled or colour-managed can differ slightly from the original file.