Files Stay On Your Device No watermark Works offline
For companies

Contrast checker

Check the contrast between a text color and its background against WCAG 2.2, free and in your browser. The contrast checker shows the ratio and which levels pass, and when one fails it suggests the nearest text color that passes. Nothing is sent anywhere.

How to check color contrast for WCAG

  1. 1Type or pick a "Text color"
  2. 2Type or pick a "Background color"
  3. 3Read the ratio and the "Pass" or "Fail" for each use
  4. 4If a level fails, copy the suggested text color
  5. The contrast ratio, with AA and AAA checked for every use

How the check works

  • Rounded down.A ratio of 4.499 shows as 4.49:1, so a 4.5:1 on screen really passes AA
  • A live sample.Large text at 24 px and body text at 16 px appear in your two colors as you type
  • Nothing is sent anywhere.Both colors are checked by your browser, on your own device

What you can do

  • Type a color as #hex, rgb(), hsl(), hwb(), lab(), lch(), oklch(), a CSS color name or a Tailwind name such as sky-500, or choose it with the color picker
  • See the result for five uses: body text at AA (4.5:1) and AAA (7:1), large text at AA (3:1) and AAA (4.5:1), and icons, borders and form fields at AA (3:1)
  • Get the nearest text color that reaches AA or AAA for body text. It keeps the hue of your color and only gets lighter or darker, and you can copy it
  • Turn the check around with "Swap", so the text color becomes the background

Good to know

  • Transparency is not taken into account. A color with an alpha value is checked as if it were fully opaque
  • Each color is first rounded to its HEX value, the color a screen really shows, and then compared
  • Large text means 24 px, or 18.66 px in bold. Smaller text has to meet the body text levels
  • If no lighter or darker version of the text color reaches a level on that background, the tool says so instead of suggesting one

Questions

What contrast ratio does WCAG require?

For body text, AA asks for 4.5:1 and AAA for 7:1. Large text needs 3:1 for AA and 4.5:1 for AAA. Icons, borders and form fields need 3:1.

Is #777777 on white enough for WCAG AA?

No. #777777 on white gives 4.47:1, just under 4.5:1. One step darker, #767676 gives 4.54:1 and passes AA for body text.

Why does the contrast checker round down?

WCAG compares the exact ratio, so 4.499:1 fails AA. Rounded the usual way it would show as 4.5:1 and look like a pass. Rounded down, what passes on screen also passes the rule.

How does the suggested color work?

The tool opens with #5B6770 on white: 5.8:1, a pass for AA body text but not for AAA. For AAA it suggests #4F5A63 at 7.05:1, the same hue a little darker.

Are my colors sent to a server?

No. The contrast is worked out by your browser on your own device. No request is made with your colors.

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.