Color Palette Generator
Generate harmonious color palettes from any color.
25 tools. Color converters, gradient generators, CSS tools, and image editors.
Build a palette, convert a value, and check the contrast.
Generate harmonious color palettes from any color.
Convert HEX, RGB, HSL and generate palettes.
Check color contrast for WCAG accessibility.
See a palette or screenshot the way common colour vision deficiencies render it.
Extract dominant colors from images and export as HEX, RGB, CSS, or Tailwind.
Find color names from hex codes or search colors by name. Browse all CSS named colors with live previews.
Gradients, shadows, glass, and keyframes, copied as CSS.
Create beautiful CSS gradients with live preview.
Create beautiful CSS box shadows with presets.
Create trendy glass-effect UI components.
Set each corner radius with a live preview and copy the CSS.
Create custom CSS animations with a visual keyframe timeline editor. Design, preview, and export as CSS, Tailwind, React, or Framer Motion code.
Drag two control points to shape a CSS easing curve and copy the value.
Crop, retouch, erase, and turn a photo into something else.
Create stunning images with text, stickers, and filters. No watermark!
Crop an image to any aspect ratio and download it, without uploading the file.
Remove unwanted objects from photos using AI. Browser-based, no upload needed.
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.
Create a beautiful visual monthly journal by adding photos to calendar dates. Export as PNG or PDF for printing. Works offline with no uploads.
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.
Read a path, animate a shape, and edit a Lottie file.
Visualize and edit SVG path data with real-time preview and command breakdown.
Create animated SVGs with a visual editor. Animate SVG elements with transforms, opacity, color, and path animations. Export as animated SVG or CSS code.
Edit Lottie animations in your browser with GPU-accelerated Skia rendering. Modify colors, text, opacity and export modified JSON. no signup.
Find an icon and ship a complete favicon set.
Generate favicons and app icons for all platforms.
Search icons from FontAwesome, Material Icons, Lucide, and Heroicons by name or keyword. Find the perfect icon instantly.
Preview a model and the material wrapped around it.
Upload and inspect GLTF/GLB 3D models with material inspector, animation player, and geometry stats.
Preview PBR texture maps on 3D shapes with tiling controls and environment lighting.
Design · 6 min
How to Animate an SVG Without Writing CodeDesign · 6 min
How to Edit a Lottie Animation in the BrowserDesign · 6 min
How to Turn a Photo Into a StickerSponsor FindUtils
Every request is reviewed by a person. You get an exact quote before anything goes live.
About this category
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.
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.
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.
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.
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.
From FindUtils
Products and services from the team behind FindUtils.
<link rel="icon" href=".../🦊.svg"> Create a favicon