Frontsmith
Free · client-side · no signup

Color & accessibility tools that actually pass.

A growing toolkit for developers and designers — check contrast, simulate color blindness, generate metadata and CSS. Instant, exact, and accessible by design.

Popular: contrast checker · gradient · OG tags · clip-path

The accessible spectrum

every pairing AA-verified — we dogfood our own checker

All tools

LIVE
Accessibility
Contrast Checker
WCAG 2.2 pass/fail for any pair.
LIVE
Accessibility
Color Blindness Simulator
Preview 8 vision types live.
LIVE
Accessibility
Accessible Palette
Generate AA-safe color scales.
SOON
SEO & Metadata
OG / Meta Tag Generator
Live multi-platform preview.
SOON
SEO & Metadata
robots.txt Generator
Crawl rules without the syntax.
SOON
CSS
Gradient Generator
Mesh & conic, copy the CSS.
SOON
CSS
Glassmorphism
Frosted-glass surfaces, tuned.
SOON
CSS
clip-path Generator
Draw shapes, copy clip-path.

Built to be trusted.

The site passes its own contrast checker — in both modes.

3
tools live now, more each month
0
accounts or uploads required
AA+
verified contrast, light & dark

Frequently asked

Yes — every foreground/background pair in this system is verified to WCAG 2.2 AA in both light and dark, and most reach AAA. The site is meant to be a portfolio piece for the product itself.