Color Contrast Checker (WCAG)
Check the contrast between a text color and its background against WCAG 2.1: fine for body text (AA, 4.5:1), comfortable (AAA, 7:1), or large text only (3:1). A sample sentence painted in both colors shows how it really reads.
Paste here
Result
Base64 · URL
Decode a JWT
The signature is not verified — that needs the key, and pretending otherwise is worse than not doing it. This only decodes the contents.
Hash
MD5 is not included. Browsers don't offer it, and it should not be used for anything new.
UUID · time
—
Passwords
Color conversion
- HEX
- —
- RGB
- —
- HSL
- —
Contrast ratio (WCAG)
This is how text looks in that pair
—
Color palettes
Page details
Tags to paste
Paste code
Result
Only comments and whitespace are removed. Names are left alone — renaming without scope knowledge silently breaks code, and it does not make the code unreadable anyway.
Paste HTML
The pasted code is never executed and never leaves your browser — it is only read.
Result
Units
—
Pyeong ↔ square meters
1 pyeong is 400/121 m² (about 3.3058 m²). Type in either box and the other updates.
Apartment exclusive area
Apartment sizes quoted in pyeong in Korea usually mean supply area (exclusive area plus stairs and hallways), so they're larger than the exclusive area converted.
Year · sexagenary cycle
Japanese era (wareki) ↔ Gregorian
Short forms like R1.5.1 or H31 work. In a year when the era changed, enter the full date to get a single answer.
Number to Korean words
Used when writing amounts on contracts and quotes — the number and the words together make tampering harder.
—
Korean name romanization
Follows the Revised Romanization of Korean. Sound changes inside a given name aren't reflected, as the standard requires. A passport's English name is hard to change, so if you already use a spelling, keep it.
Enter the name in Hangul.
Naming style
Internationalized domain
See the form a non-ASCII domain is actually registered as (xn--). Uses the browser's own standard conversion.
Regular expression
Result
After replacement
Original
Revised
What changed
YAML support covers the widely used subset — where anchors, tags, or multiple documents appear, this stops and says so rather than misreading them.
Result
Cron expression
Next runs
Computed in this browser's time zone. Server cron usually runs in UTC, so these times can differ from what your server will do.
About this tool
How to use it
- 1 Enter the text and background colors as #HEX or rgb().
- 2 The contrast ratio appears, with an AA/AAA verdict underneath.
- 3 Nudge the colors while watching the sample until it passes.
Good to know
- The page audit reads HTML you paste — use the Link checker to follow a link
- YAML support covers the widely used syntax only
- JWT decoding unpacks the contents; it does not verify the signature
Frequently asked questions
Is large text judged differently?
Yes. Text at 18pt (about 24px) or 14pt bold and above passes AA at 3:1. Body-size text needs 4.5:1.
Does this apply to icons and buttons?
Graphical elements like icons and input borders need 3:1 against their background.
How is the ratio calculated?
From the relative luminance of each color: (lighter + 0.05) ÷ (darker + 0.05), exactly as WCAG defines it.
Tools that pair well with this
-
Folder structure builder
Write a tree and download it as a ZIP of real folders and files. For scaffolding a project in one go.
-
Batch file renamer
Rename many files by rule, generate name lists, and make dummy files for testing.
-
Token & cost calculator
Estimate how many tokens your text is and what each model would cost. Your text never leaves the browser.