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.
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.
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.
CSS/Styles
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.