Free tools
Free developer tools. No install required.
Use any tool directly in your browser. When you want them on every page you visit, install DevZap.
Color Converter — HEX, RGB, HSL, OKLCH
Convert any color between HEX, RGB, HSL, and OKLCH instantly. WCAG contrast against white shown live.
CSS Box Shadow Generator
Stack multiple shadow layers and copy production-ready CSS. Inset, spread, opacity — all dialed in live.
CSS Gradient Generator
Build linear, radial, and conic gradients with a live preview. Copy production-ready CSS.
CSS Named Colors Reference
All 148 CSS named colors. Searchable, filterable by hue, copy as name, hex, or rgb.
CSS Unit Converter — px, rem, em, clamp()
Convert between px, rem, and em with a configurable root, plus build fluid clamp() values for responsive typography.
Google Fonts Pairing Tool
Preview heading and body Google Font combinations live. Copy the @import + font-family in one click.
HTML Entities Reference
Searchable list of HTML entities. Copy named, numeric, or hex form with one click.
HTTP Status Codes Reference
Every HTTP status code with a clear explanation. Bookmark this page.
Lorem Ipsum Generator
Generate paragraphs, sentences, or words of placeholder text. Configure length, copy with one click.
Meta Tags Generator
Generate Basic Meta, Open Graph, and Twitter Cards live. Preview Google SERP and social cards as you type.
Redirect Path Builder — nginx, Apache, Vercel, Netlify
Compose URL redirect rules and export as nginx, Apache, Vercel, or Netlify config in one click.
Tailwind Colors Palette Browser
Browse the Tailwind v4 default palette. Copy as utility class, HEX, or OKLCH with one click.
WCAG Contrast Checker
Check WCAG 2.2 contrast ratios for any pair of colors. Get AA / AAA pass/fail at a glance.
Ready to make your browser smarter?
Install DevZap free. Upgrade when you're ready.