CSS & Design
10Color conversion across HEX, RGB, HSL, OKLCH and named colors with WCAG contrast checks, palette generation with Tailwind-ready exports, gradient and box-shadow editors, an SVG optimizer with React component export, an image converter, and QR code generation.
Start here
Color Converter
Convert any CSS colour between HEX, RGB, HSL, HWB, LAB, LCH, OKLCH and P3, with contrast checks and ramps.
CSS Gradient Generator
Design linear, radial and conic gradients with draggable stops, layers and Tailwind, CSS or SVG output.
SVG Optimizer
Optimize SVGs with SVGO and export as React, Vue, Svelte, data URI, sprite or PNG.
QR Code Generator
QR codes for URLs, Wi-Fi, vCards, SMS, email, geo, events, WhatsApp, 2FA and crypto — with logo, styles and print-ready export.
All css & design
CSS Minifier
Minify CSS safely — strings, url() and calc() preserved — with gzip size and duplicate-selector merging.
Image Converter & Base64
Convert, resize and compress images to PNG, JPEG, WebP or AVIF and encode or decode Base64 data URIs.
Color Palette Generator
Build accessible palettes from a seed colour or an image, with Tailwind and token exports.
Aspect Ratio Calculator
Solve dimensions for any ratio, fit or crop into a box, and get resolution tables and CSS snippets.
HEX to RGB
Convert HEX colour codes to RGB and back with sliders, a picker and Tailwind snippets.
Box Shadow Generator
Design box-shadow, text-shadow and drop-shadow() with layers, presets and a light/dark preview.