CanvasFlow
by Toastid Tech, LLC
Generate a 5-color palette from a base color using proven harmony rules, with live WCAG contrast badges on every swatch.
Live WCAG contrast ratio between two colors, with pass/fail badges for AA and AAA at both text sizes.
Build linear, radial, or conic gradients with adjustable stops, then copy the CSS.
Pick a base size and ratio to generate a modular type scale, previewed at true size.
Standard dimensions for every major platform, plus a custom size with automatic aspect-ratio simplification.
Stack up to 4 shadow layers and tune corner radius with a live card preview.
Drop an image, set target dimensions, and download the resized PNG — processed locally in your browser, nothing uploaded.
Convert between px, rem, em, and percent against a base font size, with a quick reference table.
Full access to all 8 tools is always on — unlocking removes the Toastid Tech credit from your copied CSS and downloaded files.