Design Tools
Free design utilities for colors, gradients, QR codes, barcodes, SVG preview, screen tests, and passport photo creation.
Design Tools
Free design utilities for colors, gradients, QR codes, barcodes, SVG preview, screen tests, and passport photo creation.
Color Picker
Free online color picker tool with HEX, RGB, HSL format conversion. Generate color palettes, get web colors, boost design efficiency.
Gradient Generator
Free online CSS gradient generator to create linear and radial gradient backgrounds. Visual color adjustment, one-click CSS code copy.
QR Code Generator
Free online QR code generator supporting text, URL, vCard types. Customize style, color, size, download high-quality images instantly.
Barcode Generator
Free online barcode generator for CODE128, EAN13, EAN8, UPC, CODE39, and ITF14. Customize size and colors, then download PNG or SVG barcodes.
Screen Test
Free online screen testing tool to detect dead pixels, bright spots, and backlight bleeding. Multiple solid color tests, contrast tests, evaluate display quality.
Solid Color Background Generator
Generate solid color background images online. Customize color and size with presets (1080p, 2K, 4K), download as PNG/JPG. Browser-based, privacy protected.
SVG Viewer
Online SVG viewer and editor with live preview. Edit SVG code, inspect changes in real time, and download SVG files for front-end design work.
What you can do here
Design Tools brings together 7 focused browser tools for everyday work. The tools on this page are grouped by task so you can move from discovery to action without opening several separate websites.
Most tools run directly in your browser, which helps keep pasted text, code, files, and generated results on your own device whenever the tool does not require a server-side check.
Common use cases
- Quickly choose the right design tools tool from a single page.
- Handle related tasks such as Color Picker, Gradient Generator, QR Code Generator without changing context.
- Bookmark the category page as a compact toolbox for repeated daily workflows.
FAQ
Are these design tools tools free?
Yes. The tools listed on this page are available online without requiring a subscription.
Do I need to install anything?
No. Open the tool in your browser and use it directly on desktop, tablet, or mobile.
Which tool should I start with?
Start with the card that matches your current task. Each card links to a dedicated page with the controls, examples, and usage notes for that tool.