Developer Tools

Small, fast tools for front-end and web work. Everything runs in your browser, so colours, JSON, tokens and API responses you paste are never sent anywhere.

Color Tools

Convert between OKLCH, HEX, RGB and HSL, build Tailwind shade scales and check text contrast.

🎨

OKLCH to HEX Converter

Convert oklch() to HEX, RGB and HSL with CSS gamut mapping

🌈

HEX to OKLCH Converter

Convert HEX, RGB or HSL to oklch() for modern CSS and Tailwind v4

🖌️

Tailwind Color Palette Generator

One colour in, a 50–950 shade scale out for Tailwind v4 or v3

🌗

Color Contrast Checker

WCAG AA and AAA contrast ratio, with the nearest passing colour

JSON & Data Tools

Format and convert JSON and CSV, decode tokens and Base64, and generate TypeScript types without pasting anything into a server.

🧾

JSON Formatter & Validator

Beautify, minify and validate JSON, with error line and auto-fix

📊

JSON to CSV Converter

Turn a JSON array into a CSV for Excel, nested fields flattened

🔁

CSV to JSON Converter

CSV, TSV or Excel data to a JSON array, with types and nesting

🔐

JWT Decoder

Read a token's header, payload and expiry, and verify its signature

🔤

Base64 Encode & Decode

Text or files to Base64 and back, UTF-8 and URL-safe

🟦

JSON to TypeScript

Generate TypeScript interfaces from JSON, with optional fields