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 picker

Pick a color and get its HEX, RGB, HSL, HSV and CMYK values in one go, each with a copy button. Use the color wheel, or type a hex code, an rgb() or hsl() value or a CSS color name. Free, in your browser.

How to pick a color and get its code

  1. 1Click the color field, or type a color into the text box
  2. 2Watch the swatch and the five formats update
  3. 3Press the copy button next to the one you need
  4. HEX, RGB, HSL, HSV and CMYK for your color.

What you get

  • Five formats.HEX, RGB, HSL, HSV and CMYK, each with its own copy button.
  • Type or pick.Use the picker, a hex code, rgb(), hsl() or a CSS name like tomato.
  • Nothing is uploaded.The color is worked out in your browser and not sent anywhere.

What you can do

  • Pick a color with the picker and see the swatch and all values change as you go.
  • Type #1C2428, rgb(28, 36, 40), hsl() or a CSS color name, and read the color in every format.
  • Copy any value to the clipboard with one press.
  • Starts with the yellow #FFC61A so there is something to see right away.

Good to know

  • If the text cannot be read as a color, a message asks you to try #1C2428 or rgb(28, 36, 40).
  • Values are rounded to whole numbers, so converting back and forth can differ by one step.
  • Transparency is not part of the result, only the color itself.
  • CMYK is a simple calculation from RGB. It is not a print profile, so printed colors can look different.

Questions

How do I get the hex code of a color?

Pick the color, or type it in as rgb(), hsl() or a name. The HEX value is on the first row, with a copy button.

Which color formats can I type in?

A hex code such as #FFC61A, rgb(), hsl(), or a CSS color name such as tomato. Anything your browser reads as a color works.

Can I convert RGB to HEX?

Yes. Type the rgb() value and copy the HEX line. There are also separate converters for each pair.

Is the CMYK value exact for printing?

No. It is a plain conversion from RGB. For print work, check the color with your printer's 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.