Free tools

A growing toolbox for the modern web

Free, no sign-up, no tracking beyond Vercel's privacy-friendly analytics. Each tool is built by the Methodical team to the same accessibility, performance, and SEO standards we hold our client work to.

Color Converter

Hex ⇄ RGB ⇄ HSL ⇄ OKLCH

Convert any color between hex, rgb, hsl, and oklch, with copy-ready snippets for CSS variables and Tailwind.

Designclient

WCAG Contrast Checker

WCAG 2.1 ratio + APCA Lc

Check color contrast against WCAG 2.1 AA/AAA and APCA Lc, with suggested fixes when a pair fails.

Accessibilityclient

JSON-LD Validator

Schema.org structured data

Paste JSON-LD or a URL, validate shape and common schema.org types (Article, Product, Organization, FAQ).

SEOclient

Favicon & OG Generator

Every size + paste-ready HTML

Upload a PNG/SVG and get every favicon size, Apple touch icon, a 1200×630 OG image, and a paste-ready <head> snippet.

Designserver

SEO Checker

On-page SEO audit

Audit any URL for title, meta, canonical, OG, Twitter, headings outline, alt text, sitemap, and robots.

SEOserver

Meta / OG Preview

Google, X, LinkedIn, Slack

Free meta tag preview: see how any URL renders on Google search results, X, LinkedIn, and Slack, straight from its title, description, and Open Graph tags.

SEOserver