Skip to content

Design Tools

25 tools. Color converters, gradient generators, CSS tools, and image editors.

Sponsor this category

Color

6 tools

Build a palette, convert a value, and check the contrast.

Color Name Finder

Find color names from hex codes or search colors by name. Browse all CSS named colors with live previews.

Design

CSS Effects

6 tools

Gradients, shadows, glass, and keyframes, copied as CSS.

CSS Animation Generator

Create custom CSS animations with a visual keyframe timeline editor. Design, preview, and export as CSS, Tailwind, React, or Framer Motion code.

API

Image & Photo Editing

6 tools

Crop, retouch, erase, and turn a photo into something else.

Photo Editor

Create stunning images with text, stickers, and filters. No watermark!

Design

Image Cropper

Crop an image to any aspect ratio and download it, without uploading the file.

Beta

Image Eraser

Remove unwanted objects from photos using AI. Browser-based, no upload needed.

Design

Sticker Maker

Turn any photo into a custom sticker with decorative borders, stamp edges, shapes, and transparent backgrounds. Download as PNG for WhatsApp, Telegram, iMessage, or print.

Design

Photo Calendar

Create a beautiful visual monthly journal by adding photos to calendar dates. Export as PNG or PDF for printing. Works offline with no uploads.

Design

Image to Puzzle

Turn any photo into a playable jigsaw puzzle with realistic interlocking pieces. Choose grid size, difficulty, and solve with drag-and-drop. online puzzle maker.

Design

SVG & Motion

3 tools

Read a path, animate a shape, and edit a Lottie file.

SVG Path Visualizer

Visualize and edit SVG path data with real-time preview and command breakdown.

Design

SVG Animation Generator

Create animated SVGs with a visual editor. Animate SVG elements with transforms, opacity, color, and path animations. Export as animated SVG or CSS code.

API

Lottie Editor

Edit Lottie animations in your browser with GPU-accelerated Skia rendering. Modify colors, text, opacity and export modified JSON. no signup.

Design

Icons & Favicons

2 tools

Find an icon and ship a complete favicon set.

Font Icon Search

Search icons from FontAwesome, Material Icons, Lucide, and Heroicons by name or keyword. Find the perfect icon instantly.

API

3D & Materials

2 tools

Preview a model and the material wrapped around it.

3D Model Viewer

Upload and inspect GLTF/GLB 3D models with material inspector, animation player, and geometry stats.

Design

Design guides

All 28

Sponsor FindUtils

Every request is reviewed by a person. You get an exact quote before anything goes live.

  • Category pages Any of 15 categories
  • Tool pages Exact paths you name
  • Category + tool One plan, one quote
Request a placement review

About this category

About Design Tools

FindUtils provides 25 design tools that let you create and edit visual assets directly in your browser. Generate color palettes from images or color theory, check contrast ratios for WCAG accessibility compliance, create CSS gradients and glassmorphism effects, extract dominant colors from photos, preview and edit SVG paths, build box shadows visually, and convert between HEX, RGB, HSL, and other color formats. Every tool processes locally with no file uploads to external servers, making them safe for client work and proprietary designs. FindUtils.com is not the GNU findutils package.

Frequently Asked Questions

Can I edit images without uploading them?

Yes. The design tools on FindUtils process everything locally in your browser using HTML5 Canvas and WebAssembly technology. Your images, color files, and design assets never leave your device or get transmitted to any server. This is especially important for designers working with client materials, proprietary brand assets, or unreleased product images. The photo editor, color extractor, image cropper, and the other image tools load your files directly into the browser's memory, process them with client-side code, and write the results back to the page. Your files stay local, but the page itself is not request-free: it loads advertising and analytics scripts, and a few tools download a model or an icon set once before running offline. Watch your browser's network tab and you will see those requests — never your file.

Do these tools work for professional design work?

FindUtils design tools are excellent for specific professional tasks like color conversion between HEX, RGB, HSL, and CMYK formats, WCAG contrast ratio checking for accessibility compliance, CSS gradient generation with exact code output, box shadow visualization, and glassmorphism effect creation. Many professional designers use FindUtils as a quick-access companion tool alongside their primary design software like Figma, Sketch, or Adobe Creative Suite. The tools are particularly valuable for web developers who need precise CSS values, front-end engineers checking accessibility compliance, and UI designers creating consistent color palettes. For full end-to-end design workflows, use FindUtils alongside your preferred design application.

Can I export my work?

Yes. FindUtils design tools support multiple export formats depending on the tool. Color tools export as HEX, RGB, HSL, and CSS custom property code that you can copy directly to your clipboard or download as a file. The gradient generator outputs ready-to-use CSS code. Image editing tools export as PNG, JPEG, or SVG files. The palette generator copies a palette as a HEX list or as CSS custom properties, and downloads it as JSON. The box shadow and glassmorphism generators produce CSS code you can paste directly into your stylesheet. Most tools also support copying individual values to your clipboard with a single click for fast workflow integration.

Are the color tools accessible?

Yes. Accessibility is a core focus of FindUtils design tools. The contrast checker validates color combinations against WCAG 2.1 AA and AAA compliance standards for both normal and large text, providing specific pass/fail results with the exact contrast ratio. The color palette generator does not rate contrast itself — send any pair of its colors to the contrast checker when you need a WCAG result. Color tools display values in multiple formats simultaneously so color-blind users can work with whichever representation they prefer. Additionally, the tools themselves are built with accessibility in mind, featuring keyboard navigation, proper ARIA labels, and sufficient contrast in the interface.

Categories people open next.