Workspace

Browse tools, saved items, blocks, and UI generators from one shell.

Browse

Home Tools Categories

Create

Blocks AI Builder

Save tools here.

Developer Tools Encoding & Security Text Tools Design & Assets Calculators Germany & Regional AI Tools Media Tools

Tool Planet

Tools

Search Tools Blocks AI Builder

Tool Planet

Tools

Design & Assets

Contrast Checker

Calculate WCAG contrast ratio between two colors.

Category

Design & Assets

Tags

contrastwcagaccessibilitycolor

More Design & Assets

Next

Color Converter

Convert between HEX, RGB, and HSL color formats.

CSS Filter Generator

Generate CSS filter values with a visual effect preview.

Focus Ring CSS Generator

Generate accessible focus-ring CSS.

Input

Contrast Checker

contrastwcagaccessibilitycolor

Foreground colorBackground color

Output

Contrast result

Ratio

18.88:1

Contrast ratio: 18.88:1
WCAG AA (normal text): Pass
WCAG AA (large text): Pass
WCAG AAA (normal text): Pass

Contrast preview

Live canvas

Related tools

Color Converter

Convert between HEX, RGB, and HSL color formats.

CSS Filter Generator

Generate CSS filter values with a visual effect preview.

Focus Ring CSS Generator

Generate accessible focus-ring CSS.

Image Filter Studio

Apply browser-side color and blur filters to an uploaded image.

Image Palette Extractor

Extract dominant colors from an uploaded image entirely in the browser.

Aspect Ratio Calculator

Compute simplified aspect ratios and CSS aspect-ratio values.

Categories Blocks AI Builder About Privacy Terms Contact

© 2026 Tool Planet. All rights reserved.

Cookie preferences

We use cookies for essential site features and, with your permission, analytics and advertising.

Language