Design
Convert color codes, check aspect ratios, generate gradients — quick visual helpers for designers and developers.
All Design
Aspect Ratio Calculator
Find and compare aspect ratios (16:9, 4:3, 21:9, 9:16, A4, golden). Enter any side to get matching dimensions plus copy-ready CSS aspect-ratio values.
Image Compressor
Compress JPEG, PNG, and WebP images in your browser — 100% local, no upload. Side-by-side before/after preview and a quality slider for live size-vs-quality decisions.
Related categories
Frequently Asked Questions
What design tools are available?
Three, all client-side: a color converter (HEX/RGB/HSL with WCAG AA/AAA contrast ratios and the nearest named CSS color), an aspect ratio calculator (16:9, 4:3, 21:9, 9:16, A4, golden — enter one side, get the other), and an image compressor for JPEG, PNG, and WebP.
Which one do I want?
Picking a color, or checking whether text is readable on a background — the color converter, because it prints the WCAG contrast number instead of making you guess. Sizing a container or writing a CSS aspect-ratio value — the aspect ratio calculator. An image too heavy to ship — the compressor, where the quality slider shows before and after side by side. None of the three uploads your file anywhere.
Can I use these for CSS work?
Yes — that is what they are shaped for. The color converter outputs CSS-ready values and the aspect ratio calculator gives you a copy-ready aspect-ratio declaration.