Tools
Utilities
Practical bits for day-to-day frontend work. More will land here when they’re useful.
Contrast checker
Pick two colors and get WCAG contrast ratios instantly.
Fluid type generator
Build clamp() recipes from min/max sizes and viewport range.
Space scale
Generate a spacing scale as CSS custom properties.
Shadow recipe
Dial layered box-shadows and copy the CSS recipe.
rem ↔ px
Convert between rem and px with a custom root font size.
Aspect ratio
Preview common ratios and copy the CSS aspect-ratio value.
Color → tokens
Turn a hex into a short --color-* palette you can paste into :root.