🎨 Design & Color
Color, layout, graphics, visual styling, and design helper tools
VP8 Image Analyzer
Analyze a WebP/VP8 image with Sharp, generate a grayscale displacement map, and render it as an interactive Three.js 3D relief surface
Design & ColorBarcode Batch Generator
Batch generate Code 128, EAN-13, UPC-A, ITF-14, QR Code, and Data Matrix outputs from CSV or multiline text
Design & ColorColor Token Cascade Generator
Turn one primary hex color into a full design-token cascade with primary, accent, neutral, semantic tokens, CSS variables, and Style Dictionary JSON
Design & ColorAccessibility Heatmap Generator
Generate a contrast-focused accessibility heatmap from a UI screenshot or HTML input and suggest stronger patch colors
Design & ColorColor Vision Accessibility Checker
Measure WCAG contrast, simulate major color-vision deficiencies, and optionally flag low-contrast regions in a UI screenshot
Design & ColorAccessible Color Palette Contrast Checker
Audit every color pair in a palette against WCAG 2.1 AA and AAA contrast thresholds and suggest adjustments
Design & ColorImage Color Palette Extractor
Extract dominant colors from an image, export code-ready tokens, and check contrast ratios
Design & ColorRemove Image Background
Remove image backgrounds and export a transparent PNG
Design & ColorImage Blending Effect
Blend multiple images together using various blend modes for creative compositions and effects
Design & ColorImage Gradient Overlay
Add gradient overlay effects to images with customizable colors, directions, and blend modes
Design & ColorImage Masking Effect
Apply masking effects to images using shapes, gradients, or custom masks for creative compositions
Design & ColorAdd Noise Effect
Add various types of noise effects to images with customizable intensity and parameters
Design & Color