Files Stay On Your Device No watermark Works offline
For companies

Complementary color finder

Find the complementary color of any color, along with its split complementary, analogous, triadic, tetradic and square partners. All six color harmonies appear at once, with the angle of each turn on the color wheel. Free, in your browser, and nothing is sent anywhere.

How to find a complementary color

  1. 1Type your color or choose it with the color picker
  2. 2Pick the wheel under "Turn the hue on"
  3. 3Read the six harmonies and copy the colors you want
  4. Your color with its partners in six color harmonies

How it works

  • Six harmonies at once.Complementary, split, analogous, triadic, tetradic and square, each starting from your color
  • Two color wheels.The HSL wheel of design tools, or OKLCH, where the partners keep the lightness of your color
  • Nothing is sent anywhere.The colors are worked out by your browser, on your own device

What you can do

  • Start from a color typed as #hex, rgb(), hsl(), lab(), oklch(), a CSS color name or a Tailwind name
  • Get the complementary color at 180°, the split complementary pair at 150° and 210°, and the analogous neighbors at minus 30° and plus 30°
  • Get the triadic colors at 120° and 240°, the tetradic rectangle at 60°, 180° and 240°, and the square at 90°, 180° and 270°
  • Turn the hue on the "Color wheel (HSL, as in design tools)" or on "OKLCH (same lightness to the eye)"
  • Copy any color as HEX with one click

Good to know

  • The two wheels give different partners. For #E4572E the complement is #2EBBE4 on the HSL wheel and #009EBF in OKLCH
  • A gray has no hue, so its complement is the same gray
  • Only the hue turns and lightness stays, so a pale color gets pale partners
  • For a ready palette of five colors with lighter and darker steps, use the palette generator

Questions

What is the complementary color of a color?

It is the color on the opposite side of the color wheel, turned 180°. The complement of #E4572E, a warm orange red, is #2EBBE4, a light blue, on the HSL wheel.

What is the difference between triadic and tetradic?

Triadic colors are three colors evenly spread, 120° apart. Tetradic uses four colors in a rectangle on the wheel: your color, plus 60°, 180° and 240°.

Which color wheel should I use?

The HSL wheel gives the same partners as most design tools. OKLCH keeps the lightness the eye sees, so the partners look just as light as your color.

Are my colors sent anywhere?

No. The harmonies are worked out by your browser on your own device. No request is made with your color.

Related tools

More tools in Web & code

All tools in Web & code

One site for every file job. What’s yours?

Stop hopping between converter sites. Pick from 410+ tools, or a recipe that chains several.

Drop a file here

A pasted file works too.

or search for a tool

Open an app

How it works

From “ugh, this file” to done, in three steps.

  1. Drop it, or pick a task

    No file? Search for what you need. Files are processed on your device, not uploaded for processing.

  2. Pick what you want

    Smaller, another format, signed, merged. One click, no settings to study first.

  3. Make it a recipe

    Need three steps in a row every week? Chain them once and run the same recipe next time.

For companies

One approved toolbox for the whole team.

In offices, on building sites and in agencies, teams handle sensitive files all day. ToolRecipe gives everyone the same tools and the same recipes, and the files are processed on each person's own computer.

Plan an introduction call What companies get
  • Files are processed on the employee's device
  • Company recipes everyone runs the same way
  • One place instead of ten converter sites

How it works

Small tools that run in your browser.

What runs where

Your browser keeps the tools you use: the same kind of tools you would otherwise use on a website. Your files stay on your device and are not uploaded.

A tool your browser has kept also works without internet. Under Offline, at the bottom of this page, you can save everything at once, and the site keeps working without a connection.

Some tools have AI built in, for example to remove a background or enlarge a photo. Your browser downloads their AI models once, from ToolRecipe itself, and then runs them on your device. No tool sends your files to an online AI service or to us.

On a computer, these tools use the graphics chip when it passes a short check, because that is usually faster. On a phone they run on the processor, with settings that fit in a phone’s memory.

Using a tool

Give the tool your file, choose what you want, save the result.

  • Start on the home page

    Drop a file in the box on the home page, or try a sample photo. Pick what you want to do and press “Open tool”. The tool opens with your file in it.

  • Put a file in

    Drop it anywhere on the page, pick it with “Choose a file” or paste it. No file yet? Search for the job, like “heic to jpg”.

  • Choose the settings

    Each tool shows only the settings it needs. Often one click is enough.

  • Save the result

    Saved files go to your downloads. A copy also waits in Results.

  • Results

    The Results tab on the right edge keeps your latest results in this browser until you remove them. “Clear all” empties it.

Chaining tools

What one tool makes can go straight into the next, without saving it and opening it again.

  • “Use it in”

    Tap a result in Results and pick a tool under “Use it in”. The result is handed on to that tool.

  • Drag it

    You can also drag a result onto an open tool. On a phone, touch and hold it first.

  • From a chain to a recipe

    To run the same tools again later, make a recipe of them in the recipe builder.

The recipe builder

Drop a file in the box on the home page and add the steps one at a time. Nothing runs until you press “Run recipe” or “Open tool”.

  • Pick what to do

    The box shows a tile for each kind of job your file allows, such as “Make it smaller”. A tile opens its ready-made choices and every tool of that kind. “Back” returns to the tiles.

  • Add steps

    Each choice becomes a numbered step in the row at the top. “Add another step” shows suggested next steps, then the tiles for what the last step makes. The cross on a step removes it, and “Undo” brings it back.

  • Name it

    The recipe is called “My recipe” until you name it. Press the pen next to the name to change it.

  • Run it

    With one step, press “Open tool” and the tool opens with your file. With two or more steps, press “Run recipe”. The recipe opens on its own screen, and the steps run one after the other.

  • Steps that need you

    Most steps run by themselves. A step marked “Your turn” waits for you, for example when you need to sign a PDF. When you are done, press “Continue to next step”, or “See the result” on the last step.

  • Save or start over

    “Save the current steps as a recipe” keeps the steps under My recipes. You do not have to run them first. On the recipe screen, “Save this recipe” under the steps does the same. “Start over” clears the box for another file.

Recipes

A recipe is a few tools in a row: what one step makes goes into the next.

  • Ready-made recipes

    “All recipes” in the menu lists recipes for common jobs. Drop your file on one and it runs step by step.

  • Make your own

    Build one in the box on the home page. On My recipes, “New recipe” opens the same builder at the top of the page, with a search box for the tool you need next.

  • My recipes

    Your saved recipes are under “My recipes” in the menu, in this browser. Open one to rename it or change its steps. Changes are saved at once. “Start with a file” runs it on a new file. “Delete” asks you to confirm, then deletes it.

  • Share a recipe

    “Copy share link” makes a link to the steps, never to your files. Nothing starts for the person who opens it until they choose a file of their own.

Ways of working

Tools and recipes run in your browser, on your device.

  • Start from a file

    Drop it in the box on the home page and pick what you want to do. Choose one step to open its tool, or add more to make a recipe.

  • Start from a tool

    Search for the job or open a tool from the menu. When the result is ready, tap it in Results and pick the next tool under “Use it in”.

  • Keep the steps

    A saved recipe keeps its name, its tools in order and the setting of each step. It never keeps your files or their names.

  • Come back later

    Open My recipes in the same browser, on the same device, and run a recipe on a new file. A recipe stays there until you delete it or clear your browser data.

Finding tools again

Every tool and every recipe has its own address.

  • Bookmark it

    On a tool’s page, press Ctrl+D (⌘D on a Mac) to keep it in your browser’s bookmarks.

  • On your home screen

    A tool can sit on your phone’s home screen like an app. See Install, below, for how.

  • Your own recipes

    Recipes you saved are under “My recipes” in the menu.

  • The stars

    The stars under a new result ask how well the tool worked. Your answer helps us improve it. Stars do not save the tool for you.

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

Regarding updates

We try to do regular updates and post new tools.

How you can check that files stay here

Tools read your files and make the result in this browser, on your device. Your files are not uploaded to be processed.

A security policy lets this page contact one address only: our own server, for counts. It passes page views and a fixed list of actions on to an analytics service in the EU, which counts them for us. Neither gets your files or their names. Anything else is blocked, and the badge at the top turns red and counts it.

If a tool fails, the page counts that too: only the kind of error and where in our code it happened, never the error's text, your files or what you typed.

If you send us your email address to ask about ToolRecipe for companies, we store it with that request at our analytics service in the EU and receive it by mail, to answer you. Write to info@toolrecipe.com to have it deleted.

Results stay in this browser until you clear them.

Works offline

This site is saved on this device, so it opens without a connection. Big tools are saved the first time you use them.

Skills

Claude skills we use ourselves, one job each.