Visual generators
Draw a QR from text you type, expand one hex into a small harmony, emit a two-stop CSS gradient, or sketch an SVG placeholder box. Every job runs in this tab. None of them uploads your input.
4 tools
QR codes
The QR code generator encodes UTF-8 bytes as Model 2 byte-mode symbols, versions 1 to 40, with error correction L, M, Q, or H. Preview is SVG. There is no logo in the center and no network encoder.
Palettes from one hex
The color palette walks complementary, analogous, triadic, split, tetradic, or mono relationships in HSL, then prints sRGB hex. That is a seed, not a design system. Convert a single color or check contrast on the color converter and color contrast pages.
CSS gradients
The CSS gradient generator writes a linear-gradient or radial-gradient string from two hex stops. Linear takes an angle in degrees. Output is CSS text plus RGB and HSL for each stop, not a PNG.
Placeholder SVG
The placeholder image page draws a labeled SVG rectangle for layout mocks. Preview mounts as SVG. It is not a PNG download and not a QR. Encode a URL on the QR page instead.
- Color Palette Generator Start from one hex color. The page walks HSL hue (or lightness for mono) and prints matching sRGB hex values. This is not a full design system.
- CSS Gradient Generator Pick a from hex, a to hex, and an angle in degrees. The page prints a CSS linear-gradient or radial-gradient string plus RGB and HSL for each stop. This is not a bitmap export.
- Placeholder Image Generator Type width, height, a short label, and two hex colors. The page draws an SVG rectangle and mounts it in the preview. This is not a PNG file download and not a QR code.
- QR Code Generator Type a URL or other text. The page encodes it locally as an SVG QR. Error correction is L, M, Q, or H. There is no logo overlay.