Free Developer Tools

Build palettes, convert color formats, and check contrast and color-blind accessibility.

• Color Palette Generator

  Create harmonious color palettes for your web projects with various color schemes. Popular

• Color Contrast Checker

  Check color contrast ratios for WCAG compliance and get accessible color suggestions. Popular

• Color Format Converter

  Convert any color between HEX, RGB, HSL, and OKLCH instantly. Paste any format and copy the rest. New

• Tint & Shade Generator

  Generate a full 50–950 color scale from any base color. Export as CSS variables, Tailwind config, or SCSS. New

• Color Blindness Simulator

  Preview your palette under Protanopia, Deuteranopia, Tritanopia, and Achromatopsia. New

Visual generators for shadows, gradients, borders, clip paths, layouts, and CSS units.

• CSS Unit Converter

  Convert pixels to rem/em units for responsive CSS. Perfect for converting Figma designs to scalable web layouts. Popular

• Gradient Generator

  Create beautiful CSS gradients with animation capabilities for your web projects. Popular

• CSS Shadow Generator

  Create beautiful CSS shadows with a visual editor. Includes box-shadow and filter shadow options.

• Font Scale Calculator

  Create harmonious type scales for your designs with popular ratios like the golden ratio.

• Critical CSS Extractor

  Extract critical CSS from your HTML and CSS to improve page load times.

• Flexbox & Grid Generator

  Create and customize flexbox and CSS grid layouts with an interactive visual editor.

• Border Generator

  Create custom CSS borders with different shapes like zig-zag, scooped, scalloped, or wavy.

• CSS Clip Path Generator

  Visually build clip-path shapes. Drag handles on polygons or use sliders for circle, ellipse, and inset. New

Design easing curves and keyframe animations with live previews.

• Cubic Bezier Editor

  Visually design CSS transition timing curves. Drag control points and preview animations in real time. New

• CSS Animation Keyframe Builder

  Build CSS @keyframes animations visually. Add stops, set properties, preview live, and export the CSS. New

Format, encode, test, and optimize JSON, regex, API requests, SVG, and Base64.

• JSON Formatter & Validator

  Format, minify, and validate JSON with instant error detection. Perfect for cleaning up API responses and config files. Popular New

• RegEx Tester

  Test and debug regular expressions with real-time matching and highlighting. Popular

• Base64 Encoder / Decoder

  Encode text or files to base64, generate data URIs, and decode base64 back to text or downloadable files. Popular New

• SVG Optimizer

  Clean and optimize SVG files for better web performance. Popular

• API Tester

  Test and debug API endpoints with a simple, intuitive interface.

• JWT Decoder

  Decode JSON Web Tokens to read the header, payload, and expiry, and verify signatures. New

• UUID Generator

  Generate UUID v4, UUID v7, and ULID identifiers in bulk, and inspect existing ones. New

• Unix Timestamp Converter

  Convert Unix timestamps to readable dates in any time zone, and dates back to timestamps. New

• URL Encoder/Decoder

  Percent-encode and decode URLs, query values, and form data, and break a URL into its parts. New

• Hash Generator

  Generate MD5, SHA-1, SHA-256, SHA-384, and SHA-512 hashes of text or files. New

Generate structured data and preview how your links look when shared.

• Meta Tag Preview

  Preview how your website appears when shared on social media platforms.

• Schema Generator

  Create structured data markup for better SEO and rich results in search engines.

Clean pasted HTML, generate URL slugs, and create developer placeholder text.

• Slug Tool

  Convert any text into a clean, URL-friendly slug. Perfect for SEO, filenames, or creating readable identifiers.

• Markup Cleaner

  Clean up messy HTML for your CMS or blog editor. Removes unwanted tags, inline styles, and formatting.

• DevText Generator

  Generate developer-focused placeholder text for mockups, documentation, and testing.

• Markdown Editor

  Write Markdown with a live preview, then convert it to HTML, plain text, or a PDF. Paste HTML to get Markdown back. New