Color Swatch Image Generator - Online PNG Palette
Enter hex codes and download a PNG swatch image with color names. Useful for design spec documents. Built via canvas.
UD5 Toolkit
Supports PNG, JPEG, WebP, GIF, BMP — Max 20MB
No file chosen
Upload an image to preview
Processed image will appear here
Enter hex codes and download a PNG swatch image with color names. Useful for design spec documents. Built via canvas.
Upload an image and extract its dominant colors or full color palette. Download as a CSS snippet or color swatch. Entirely client-side, your images stay private.
Reduce GIF file size by lowering color count and removing duplicate frames. See side‑by‑side preview. All local.
Upload any picture and instantly get a 5‑color palette. Useful for UI design themes. Canvas‑based extraction.
Compress images while preserving quality. Adjust compression level and preview output size. All processing is done client-side for fast and secure optimization.
Enter an image URL to extract a 5-color dominant palette. Avoids uploading files. Uses canvas to read remote image pixels. Fast and privacy-oriented.
Paste a direct link to an image and get its 5 dominant colors with hex codes. No upload, uses canvas with CORS proxy.
Enter the URL of any image and receive a random harmonious palette extracted from it. Click to regen. For quick inspiration.
Enter an image URL and extract its dominant color palette. No download needed. Fast visual analysis.
Convert multiple PNGs to WebP format at once. Adjust quality and see size reduction. All processing local and private.
Extract a color palette from an image using CIELAB k‑means quantization. Results are perceptually more accurate than RGB methods.
Convert images to WebP format with configurable quality. See file size savings. Batch process multiple files. All local.
A dedicated color picker with common retro gaming palettes (NES, Gameboy). Pick and copy hex codes. For pixel art creators.
Enter the URL of any online image and extract its dominant colors or pick colors with a magnifier. No upload, cross‑origin friendly.
Build a color palette for charts that works for protanopia, deuteranopia, and grayscale. Export as array.
Mix and save colors using a color picker. Drag to reorder. Export as CSS variables or hex list.
Build a palette and simulate how it appears to various color deficiencies. Also generate pre-vetted accessible palettes. Local processing.
Type a word like 'sunset' or 'calm' and generate a color palette inspired by that mood. Simple associative mapping.
Generate a random 5‑color palette where every adjacent pair passes WCAG AA contrast. Safe for inclusive designs.
Pick a source color and generate a complete M3 tonal palette with light/dark schemes. Export as CSS custom properties.
Drop a PNG file and see all its chunks (IHDR, tEXt, etc.). Extract hidden text and color profiles. Pure JavaScript reader.
Pick any emoji and download it as a high‑resolution PNG image with transparent background. For social media or icons.
Generate a palette of N colors that are maximally distinguishable for common color vision deficiencies. Copy the hex codes.
Convert any PNG image into a proper .ico favicon file with multiple sizes embedded. For website icons. Local.
Paste an image from your clipboard directly into the page (Ctrl+V) and extract its color palette. No file dialog needed.
Paste a set of hex colors and simulate how they appear with common color vision deficiencies. Get contrast warnings.
Paste a list of hex colors and generate CSS custom properties for them. Create your design token file instantly.
Pick a base color and generate a full palette of 10 shades (50 to 900) like Tailwind CSS. Copy as hex or hsl.
Convert transparent PNGs to solid JPGs by filling the background with white or any color. Fast and local.
Search a library of famous company brand colors with hex codes. Copy any color instantly. For designers and marketers.