Web Dev Tools
Color
Palette Generator
Generate beautiful color palettes using harmony rules or themed presets. Set a primary color, lock your favorites, and export to HEX, CSS, JSON, or PNG.
Contrast Checker
Pick a foreground and background color and instantly see your WCAG AA and AAA pass/fail status, a live text preview, color blindness simulations, and suggested fixes if you’re failing.
Color Converter
Paste a color in any format and instantly see it in all seven — HEX, RGB, HSL, CIELAB, CIELCH, OKLAB, and OKLCH — with ready-to-use CSS output.
Gradient Generator
Build linear, four-corner, and mesh gradients with live preview. Adjust stops, angles, and pigment blending, then export as CSS or download a PNG at any resolution.
Harmony Generator
See every color harmony relationship for any base color at a glance — complementary, triadic, split-complementary, golden ratio, and 8 more. Click any swatch to copy.
Build/Design Tools
CSS Cheat Sheet
Quick reference for every essential CSS property, selector, and at-rule. Search by property name or value, filter by category — Box Model, Flexbox, Grid, Typography, Filters, Variables, and more. Click to copy.
HTML Cheat Sheet
Every HTML element with its key attributes, plus the full ARIA roles and attributes reference. Filter by category, search across tags and descriptions. Click a tag to copy it, or click any attribute chip to copy just that.
Tailwind Cheat Sheet
Quick-reference for every essential Tailwind class — searchable by name or CSS value, filterable by category. Click any row to copy the class name instantly.
Lorem Ipsum Generator
Generate placeholder text in four flavors — Classic Lorem, Cicero, Design Speak, and Hipster. Choose paragraphs, sentences, or words, set your count, and export as plain text, HTML, or Markdown.
Regex Tester
Write and debug regular expressions with live match highlighting, capture group inspection, and a replace mode with group references. Includes 20 quick patterns and a full regex cheat sheet.
Markdown to HTML
Write or paste Markdown and instantly see the rendered preview and raw HTML side by side. Supports headings, tables, code blocks, task lists, and more. Copy the HTML or download a complete styled page.