Color converter

About this tool

A color converter takes one color value and shows it in every other common format at once. Type or paste a HEX code, an rgb()/rgba() value, or an hsl()/hsla() value, and the tool parses it automatically, then lists the equivalent HEX, RGB, HSL, HSV, and CMYK strings. A large swatch shows the color, with a checkerboard behind it when the color has transparency. You can also pick a color with the native browser color picker, which stays in sync with the text input.

Everything runs in your browser. The color you type or pick never leaves your machine, so it’s fine to convert brand colors from an internal design system or a client’s style guide without pasting them into a third-party site.

Use it to turn a designer’s HEX code into the RGB or HSL values a CSS file needs, check what a color looks like with partial opacity, or get CMYK percentages for print work from a color you picked on screen. See MDN’s <color> data type reference for the full list of CSS color notations.