Web Dev & Design
Free calculators, checkers, and utilities for web work — built to use, not just read about.
Color & Accessibility
Check any two colors against WCAG AA / AAA contrast ratios for normal and large text.
CSS & Layout
Turn a min/max font size and viewport range into a responsive CSS clamp() value.
Color & Accessibility
Pick a base color and harmony rule to build a five-color palette, lock favorites, reshuffle, and copy it out as CSS variables.
CSS & Layout
Stack multiple shadow layers with live preview, tweak offset, blur, spread, color and inset, and copy the CSS.
SEO & Performance
Preview how a page looks as a Google result, a Facebook share, and an X card, then copy the full head markup.