# Design & Color Tools

> Color picking and palettes, gradients and shadows, contrast checks, icons and favicons, wallpapers and avatars, cards, art QR codes and textures.

- URL: https://qilingtools.com/en/tags/design
- Price: Free, no sign-up
- Privacy: Runs locally in the browser; files are never uploaded

## Tools (41)

- [Resize Image](https://qilingtools.com/en/image/resize): Free online image resizer: batch resize by pixel width and height or by percentage with the aspect ratio locked. JPG, PNG and WebP, processed locally.
- [Color Converter](https://qilingtools.com/en/color): Free online color converter: convert between HEX, RGB and HSL with a built-in color picker and preview, one-click copy, computed locally in real time.
- [Round Image Corners](https://qilingtools.com/en/image/round-corner): Free online tool to round an image's corners or crop it into a circle avatar. Adjustable radius, transparent PNG output, batch supported. Runs locally.
- [Add Border to Image](https://qilingtools.com/en/image/border): Free online tool to add a white or coloured border to photos, pad an image to a square for Instagram, or make a Polaroid-style frame. Batch supported.
- [Image Color Picker](https://qilingtools.com/en/image/color-picker): Free online image colour picker: click anywhere on an image to get its HEX, RGB and HSL values, and extract the dominant colour palette automatically.
- [Favicon Generator](https://qilingtools.com/en/image/favicon): Free online favicon generator: turn a PNG, JPG or SVG into a multi-size favicon.ico plus Apple Touch, Android and PWA icons, a webmanifest and the HTML tags.
- [Remove White Background](https://qilingtools.com/en/image/remove-white): Free online tool to make a white or solid-colour background transparent with smooth, halo-free edges — ideal for signatures, stamps, logos and product shots.
- [Image Color Palette](https://qilingtools.com/en/image/palette): Free online colour palette extractor: find the 3–16 dominant colours with percentages, copy HEX / RGB / HSL and export CSS variables, JSON or a PNG strip.
- [App Icon Generator](https://qilingtools.com/en/image/app-icon): Free online app icon generator: turn one 1024px image into an iOS appiconset, Android mipmaps and adaptive icons, PWA icons, a Windows ICO and a macOS ICNS.
- [CSS Sprite Generator](https://qilingtools.com/en/image/sprite): Free online CSS sprite generator: pack icons into one sheet with bin packing, grid or row layouts and @2x support, and get the CSS positions, or slice one.
- [Image to SVG](https://qilingtools.com/en/image/to-svg): Free online image to SVG converter: trace PNG and JPG bitmaps into scalable vectors, with presets for line art, logos and photos and adjustable smoothing.
- [Color Blindness Simulator](https://qilingtools.com/en/image/color-blind): Free online colour blindness simulator: view images as protanopia, deuteranopia, tritanopia or achromatopsia, adjust severity and compare every type.
- [CSS Gradient Generator](https://qilingtools.com/en/css-gradient): Free online CSS gradient generator: build linear, radial and conic gradients visually with draggable stops, an angle dial and presets. Copy CSS or export PNG.
- [CSS Box Shadow Generator](https://qilingtools.com/en/css-shadow): Free online CSS shadow generator for box-shadow and text-shadow: stack layers with offset, blur, spread and colour, start from presets, copy CSS or Tailwind.
- [Online Whiteboard](https://qilingtools.com/en/whiteboard): Free online whiteboard: infinite canvas, pressure-aware pen, highlighter, eraser, shapes, arrows, text and sticky notes, undo/redo, pages and PNG/SVG export.
- [Avatar Generator](https://qilingtools.com/en/image/avatar): Free avatar generator: initials colored by name (CJK aware), GitHub-style identicons and geometric avatars. Circle or square, batch ZIP, PNG/SVG.
- [Wallpaper & Background Generator](https://qilingtools.com/en/image/background-generator): Free wallpaper generator: mesh and linear gradients, blobs, waves, low poly, hexagons, dots, stripes and grain. Palettes, 4K sizes, PNG/JPG/SVG.
- [Scale Calculator](https://qilingtools.com/en/math/scale): Map distance ↔ real distance for any scale, find the scale from two lengths, 1:24, 1:64 and HO 1:87 model sizes, drawing scales, print DPI and area scale.
- [Bézier Curve Editor](https://qilingtools.com/en/math/bezier): Free online Bézier curve tool: pen out anchors and handles to join degree 3, 4 or 5 segments into any shape, morph between shapes, export SVG or PNG.
- [Color Contrast Checker](https://qilingtools.com/en/color-contrast): Check color contrast: WCAG 2.x ratio and APCA Lc, AA/AAA pass or fail for text and UI, nearest passing color, color-blindness preview and palette matrix.
- [Screenshot Annotator](https://qilingtools.com/en/image/annotate): Free screenshot annotator: paste with Ctrl+V, add arrows, boxes, numbered steps, highlighter and text, pixelate or blur secrets, crop, copy or save PNG/JPG.
- [Placeholder Image Generator](https://qilingtools.com/en/image/placeholder): Free placeholder image generator: custom size, colors and text with auto-fit font, PNG, JPG, WebP or SVG, batch sizes to ZIP, or copy a data URI or SVG.
- [CSS clip-path Generator](https://qilingtools.com/en/css-clip-path): Visual CSS clip-path maker: drag polygon points or use circle, ellipse and rounded inset. 25 presets (arrow, star, speech bubble) previewed on your image.
- [Tailwind Color Palette Generator](https://qilingtools.com/en/tailwind-palette): Turn a brand color into a Tailwind-style 50–950 scale on the default palette’s OKLCH curve, with contrast badges and v3, v4, CSS, SCSS and JSON export.
- [Business Card Maker](https://qilingtools.com/en/business-card): Design business cards: 9 front/back templates, US, EU, China and Japan sizes, logo, colors, vCard QR code, print-ready PDF with 3 mm bleed and crop marks.
- [QR Code Art Generator](https://qilingtools.com/en/qr-art): Free styled QR code maker for URLs, Wi-Fi, vCards, email, SMS and maps: dot or diamond modules, custom eyes, gradients, logo, PNG/SVG/JPG and a scan check.
- [PDF Fonts](https://qilingtools.com/en/pdf/fonts): See which fonts a PDF uses: type, embedding, subset, encoding and ToUnicode per page, with copy/search warnings. Extract embedded fonts as TTF, OTF, CFF or PFB.
- [Seamless Texture Maker](https://qilingtools.com/en/image/seamless): Make photos and textures tile seamlessly: mirror tiling, cross-fade edges or patch-based seam healing, offset and tiled previews, plus a repeat-pattern maker.
- [Procedural Texture Generator](https://qilingtools.com/en/image/texture): Procedural textures online: Perlin/Simplex fBm, ridged, turbulence, Worley, domain warp, 10 presets, colour ramps, seamless tiling, 4096 PNG and normal maps.
- [Invitation & Greeting Card Maker](https://qilingtools.com/en/invitation): Make invitations and greeting cards for weddings, birthdays, baby showers, parties and holidays: 12 templates, QR codes, one card per guest, PNG or PDF.
- [Social Feed Grid Planner](https://qilingtools.com/en/image/feed-planner): Plan your profile grid: reorder a 3-column feed, waterfall or 9-photo post, schedule dates and captions, check colour harmony, split puzzle grids and carousels.
- [Device Mockup Generator](https://qilingtools.com/en/image/mockup): Put screenshots into phone, tablet, laptop, monitor, browser and watch frames online, with 3D perspective tilt, multi-device scenes and 4K PNG export.
- [Sprite Sheet Animator](https://qilingtools.com/en/image/sprite-animate): Animate sprite sheets online: auto-detect the grid, set frame order, fps and onion skin, export GIF, APNG, WebP or frames — or pack frames into a sheet + JSON.
- [Polyhedra Viewer](https://qilingtools.com/en/math/polyhedra): Rotate the 5 Platonic and 13 Archimedean solids, prisms and pyramids in 3D: truncation, duals, Euler’s formula, area and volume, unfolding and printable nets.
- [CSS Animation Generator](https://qilingtools.com/en/css-animation): Build CSS @keyframes animations visually: 18 presets, a keyframe timeline, cubic-bezier and steps() easing, live preview, and copy CSS or Tailwind config.
- [Color Palette Generator](https://qilingtools.com/en/palette-generator): Press space for new color palettes, lock favorites, use OKLCH harmonies or image colors, check contrast and color blindness, export CSS, Tailwind, ASE.
- [SVG Wave & Shape Generator](https://qilingtools.com/en/svg-shapes): Generate SVG decorations: layered waves, random blobs, dot, hex and topographic patterns, layered peaks; gradients and seeds; export SVG, PNG, CSS or React.
- [Logo Maker](https://qilingtools.com/en/image/logo): Free logo maker: round badges with curved text, shield, hexagon and ribbon shapes, 68 line icons or emoji, monograms, palettes, SVG and transparent PNG.
- [Poster Print (Rasterbator)](https://qilingtools.com/en/image/poster-print): Print one image across many A4 or Letter pages: page grid or width, overlaps, cut marks, A1/B2 labels, rasterbator-style halftone dots, PDF or print.
- [Shape Photo Collage](https://qilingtools.com/en/image/shape-collage): Turn photos into a heart, star, letters, numbers or any silhouette: grid or packed circles, spacing, rotation, borders, seeded shuffle, PNG up to 4000 px.
- [Seal Extractor](https://qilingtools.com/en/image/seal): Free online seal extractor: lift a red or blue stamp off a scan into a transparent PNG, dropping paper, tint and specks. Solid colour, auto-trim, runs locally.