ToolRecipe

What do you need to get done?

Drop a file here

or .

Open an app

Follow a recipe

All recipes

Use one tool

All tools

Color converter

Convert a color between HEX, RGB, HSL, HSV and CMYK online and for free. Type a color or pick one, and every format shows at once with a copy button. It all runs in your browser.

How to convert a color

  1. 1Type or paste a color, or choose it with the picker
  2. 2Read the values in HEX, RGB, HSL, HSV and CMYK
  3. 3Click the copy button next to the one you need
  4. The same color in five formats, ready to paste.

How it works

  • Every format at once.HEX, RGB, HSL, HSV and CMYK appear together for the same color.
  • Nothing is sent anywhere.The conversion is a bit of arithmetic in your browser.
  • No sign-up.Open the page, enter a color and copy the result.

What you can do

  • Type a color and see it as a swatch with every value next to it.
  • Pick a color with the color picker instead of typing, and the values update as you move.
  • Copy any value with one click.
  • Enter a color as HEX (also short codes such as #FC0), rgb(), hsl(), hsv(), cmyk() or a CSS color name such as tomato.

Good to know

  • You can type HEX, rgb(), hsl(), hsv() or cmyk() values, or a CSS color name. HSV and CMYK take percentages, for example hsv(45, 90%, 100%) or cmyk(0%, 22%, 90%, 0%).
  • RGB values are whole numbers from 0 to 255. Percentages in HSL, HSV and CMYK are rounded to whole numbers.
  • CMYK is calculated with the plain formula from RGB, without a printer or color profile.

Questions

Is my color sent to a server?

No. The conversion runs in your browser, on your own device. Nothing is sent to us or anyone else.

What color formats can I type in?

HEX such as #FFC61A, rgb(255, 198, 26), hsl(45, 100%, 55%) or a CSS color name. The results are shown in all five formats.

How do I get the CMYK value of a HEX color?

Type the HEX code and read the CMYK line, for example cmyk(0%, 22%, 90%, 0%) for #FFC61A. It is the plain formula, not a print profile.

How it works

Small tools that run in your browser.

Four steps

  1. Start with a file or a task

    Drop a file, search, or pick a task.

  2. The tool opens in a window

    Open as many as you like, side by side as tabs.

  3. Results collect on the right

    Drag a result into the next tool.

  4. Save when you're done

    Saved files go to your downloads.

Who uses what

Tool sets for common jobs.

Put a tool on your home screen

The icon opens that tool, like an app.

iPhone and iPad

  1. Open the tool in Safari.
  2. Tap Share (the square with the arrow).
  3. Choose “Add to Home Screen”, then Add.

Android

  1. Open the tool in Chrome.
  2. Tap the menu (⋮) at the top right.
  3. Choose “Add to Home screen” or “Install app”.

Computer

  1. Open the tool in Chrome or Edge.
  2. Click the install icon in the address bar.
  3. Choose Install.

Skills

Claude skills we use ourselves, one job each.