Yuitility

Free online developer tool

Create gorgeous color schemes using mathematical harmonies, check shade steps, and calculate precise contrast ratios to meet WCAG AA/AAA accessibility standards for user interface design.

Palette Designer & Contrast

Generate mathematical color schemes and test WCAG text accessibility limits.

Base Harmony Setup

Compiled Color Scheme Harmony

WCAG Accessibility Contrast Checker

Simulated Headline

The quick brown fox jumps over the lazy dog. Sample body text.

Contrast Ratio:17.85 : 1

Normal Text (AA)

PASS (≥ 4.5)

Normal Text (AAA)

PASS (≥ 7.0)

Large Text (AA)

PASS (≥ 3.0)

Large Text (AAA)

PASS (≥ 4.5)

How to use the Palette & Contrast Checker

Generate color schemes and test text-to-background contrast using official WCAG guidelines. Yuitility keeps the workflow fast and focused, so you can complete the job without creating an account.

  1. 1Add the text, values, or data you want to work with.
  2. 2Adjust the available settings and review the live result.
  3. 3Copy, export, or save the finished result when you are ready.

Palette & Contrast Checker FAQ

Is the Palette & Contrast Checker free to use?

Yes. Yuitility provides the Palette & Contrast Checker as a free browser-based tool with no account required.

Does the Palette & Contrast Checker upload my data?

Your inputs are handled in your browser for the tool experience. Files and data are not sent to a Yuitility processing server.

How do I use the Palette & Contrast Checker?

Open the tool, follow the on-screen controls, and use the live result or download action when it is ready.

More developer tools

Password Generator

Generate highly secure random passwords with customizable parameters and strength analysis.

Open tool

QR Code Generator

Create custom QR codes for texts, URLs, WiFi networks, phone numbers, and emails.

Open tool

JSON Formatter & Validator

Prettify, minify, validate, and explore complex JSON objects in an interactive node tree.

Open tool