Available Tools (36)
Input foreground and background color hex codes to check if they meet WCAG contrast ratio standards (AA/AAA levels).
Visually edit cubic-bezier curves for CSS easing functions.
Visually create box-shadow effects and generate CSS.
Visually create CSS grid layouts and copy the code.
Count characters, words, and other stats from your text.
Enter a hex code and explore its colour space, shades and tints.
Overlay compositional guides (Rule of Thirds, Golden Ratio, etc.) on an image.
Create formatted .txt files for Google's Disavow Links tool.
Upload an image to extract its main colour palette.
Preview how your favicon looks in Chrome tabs and as an app icon.
Visually create linear/radial gradients and generate CSS code.
Encode special characters to HTML entities and decode them back.
Convert images between PNG, JPEG, and WebP formats client-side.
Create custom placeholder images with specific sizes, colors, and text.
Convert images (PNG, JPG, GIF, WebP, SVG) to Base64 strings or Data URLs.
Validate, format, and beautify JSON data with indentation options.
View your logo design at various resolutions to test its versatility.
Generate customizable placeholder text (words, characters, paragraphs).
Write Markdown text and see a live HTML preview side-by-side.
Generate strong, random passwords based on user preferences.
Convert text into a clean, URL-friendly slug.
Simple Pomodoro timer with customizable durations.
Generate static QR codes from URLs.
Paste your text and get an estimated read time based on the average reading speed.
Calculate Flesch-Kincaid readability scores for your text.
Test regular expressions against strings with highlighting and match listing.
Generate evenly spaced CSS breakpoints and fluid typography rules.
Analyze article content for on-page SEO factors against a focus keyword.
Browse and copy common CSS animation code snippets.
Paste two text blocks to highlight the differences between them.
Check if a thumbnail or cover fits various safe zones.
Generate a harmonious sequence of font sizes based on a base size and ratio.
Extract query string parameters (name/value pairs) from a URL.
Generate starting code for creating custom HTML elements (Web Components).
Generate wa.me links for WhatsApp chats with optional pre-filled messages.
Calculate follower growth percentage between two points in time.