Free Design Tools for Colors, Gradients, Image Sizes and QR Codes
Prepare lightweight design assets in your browser. Pick colors, generate palettes and gradients, calculate ratios, resize images, compress files, convert SVGs and create QR codes without sign-ups or uploads.
Design shortcuts
Pick the right browser tool for the asset you need
This reversible SEO experiment groups existing Toolflix tools around a searchable design workflow. It adds a discovery page without changing the tools themselves.
Color Picker & Converter →
Pick colors and convert HEX, RGB, HSL and CMYK values for UI assets.
Color Palette Generator →
Generate matching palettes for landing pages, thumbnails and brand drafts.
CSS Gradient Generator →
Create copy-ready linear and radial gradients for backgrounds and buttons.
Aspect Ratio Calculator →
Calculate exact dimensions for cards, banners, thumbnails and vertical posts.
Image Resizer →
Resize screenshots, product images and social graphics locally in the browser.
Image Compressor →
Reduce file size before publishing without sending private images to a server.
SVG to PNG Converter →
Export icons, logos and vector assets as PNG files with custom dimensions.
QR Code Generator →
Create QR codes for mockups, posters, pitch decks and launch pages.
Build a quick landing page visual kit
- Pick a base color and generate a supporting palette.
- Create a CSS gradient for the hero or CTA section.
- Resize and compress images before publishing.
Prepare social and thumbnail assets
- Calculate the correct aspect ratio for each channel.
- Resize screenshots or graphics locally.
- Export SVG logos to PNG only when the platform needs raster files.
Finish offline or print handoff assets
- Generate QR codes for live URLs and campaign pages.
- Check colors before handing assets to a developer or printer.
- Keep draft images private with no-upload browser tools.
Frequently Asked Questions
Are these design tools free?
Yes. The linked Toolflix design tools are free, require no account and run in a regular web browser.
Do my design files get uploaded?
No. Toolflix focuses on no-upload workflows, so image resizing, compression and conversion happen locally on your device.
Which design tool should I open first?
Start with Color Picker or Color Palette Generator for visual direction, then use Aspect Ratio Calculator, Image Resizer and Image Compressor for final assets.
Can I use these tools for landing pages?
Yes. Use CSS Gradient Generator for hero backgrounds, Image Resizer and Compressor for web assets, and QR Code Generator for launch or offline links.