🎨
design
Color Wheel Interactive
Pick colors from an interactive wheel and explore complementary, analogous, triadic, and split-complementary harmonies.
color wheelinteractive color wheel
Use Tool → 🖌️
18 tools
Free Design Tools
Design utilities for color palettes, color blindness simulation, pixel art, and flowchart creation.
🎮
design
Pixel Art Maker
Create pixel art with a grid-based drawing canvas. Features draw, erase, and fill tools, 10-color palette, mirror mode, and PNG export at multiple scales.
pixel artpixel art maker
Use Tool → 🎨
design
Color Palette from Image
Extract a color palette from any uploaded image using K-means clustering. Get dominant colors as HEX and RGB values with CSS variable code ready to copy.
color palette from imageextract colors
Use Tool → 👁️
design
Color Blindness Simulator
Simulate how colors appear to people with different types of color vision deficiency. Test color contrast for accessibility compliance.
color blindness simulatorcvd simulator
Use Tool → 🎨
design
Color Mixer
Mix two colors together with adjustable ratios. See RGB and HSL values, blended result, and complementary colors.
color mixerblend colors
Use Tool → ✏️
design
SVG Editor
Create and edit SVG shapes visually. Add circles, rectangles, lines, and text. Set colors and positions. Export SVG code.
svg editorsvg creator
Use Tool → 🔲
design
Icon Generator
Generate text-based icons with custom letters, emojis, colors, and shapes. Download as PNG in multiple sizes using Canvas API.
icon generatorfavicon maker
Use Tool → 💧
design
Blob Generator
Generate random organic blob shapes as SVG. Control complexity, size, and color. Copy SVG code or CSS clip-path for your designs.
blob generatorblob maker
Use Tool → 🔤
design
Typography Scale
Calculate harmonious font size scales. Choose ratios like Golden Ratio, Perfect Fourth, or Major Third. Export CSS custom properties.
typography scaletype scale
Use Tool → 🎆
design
Gradient Mesh Generator
Create multi-point mesh gradients with radial gradient layers. Add color stops, adjust positions. Copy CSS for beautiful backgrounds.
gradient meshmesh gradient generator
Use Tool → 🧩
design
QR Code Styler
Upload an existing QR code, recolor it, add an optional logo and poster text, then export a styled PNG.
qr code stylerqr poster maker
Use Tool → 🖍️
design
Color Name Finder
Match any hex value to the closest named CSS color and browse all 148 standard CSS color names.
color name findercss color names
Use Tool → 📱
design
Screenshot Mockup Generator
Place a screenshot inside minimalist iPhone, iPad, MacBook, or browser frames and download the mockup as PNG.
screenshot mockupdevice frame generator
Use Tool → ✍️
design
Text to Handwriting
Turn typed text into a handwriting-style canvas rendering with natural jitter, connecting strokes, and PNG export.
text to handwritinghandwriting generator
Use Tool → 🌊
design
SVG Wave Generator
Generate layered SVG wave dividers with adjustable wave count, height, color, smoothness, and copy-ready code.
wave generatorsvg wave divider
Use Tool → 🖼️
design
Social Media Image Resizer
Resize one image for Instagram, Facebook, Twitter, LinkedIn, and YouTube with crop or fit modes.
social media image resizerinstagram image resizer
Use Tool → 🎨
design
Color Shade Generator
Generate a full palette of tints and shades from any color. Get 11 variations from lightest to darkest with hex and RGB values.
color shade generatorcolor tints
Use Tool → 🖼️
design
Color Palette from Image
Upload an image or paste a URL to extract dominant colors and export them as CSS variables or Tailwind config.
color palette from imageextract colors from image
Use Tool → Browse more categories