Design & Branding
Design and branding tools for creating visual assets. Generate CSS gradients, create box shadows, convert colors, build palettes, and optimize images to enhance your visual identity and brand consistency.
14 tools
CSS Gradient Generator
Free CSS gradient generator with real-time preview. Create linear and radial gradients for UI design. Copy CSS code instantly.
CSS Box Shadow Generator
Free CSS box shadow generator with live preview. Customize shadows for UI design and web development. Copy CSS code instantly for your projects.
Colour Converter
Convert HEX, RGB, HSL and named colours to other formats, including CMYK, with a colour picker and text contrast detection.
Image Optimizer
Reduce image file sizes instantly to improve website speed and lower hosting costs. Compress JPEG, PNG, WebP, GIF and BMP images and save them as JPEG, PNG, WebP or AVIF.
Image Resizer
Quickly resize images to exact dimensions for websites, social media, and marketing. Perfect for maintaining aspect ratios while optimizing for different platforms.
Image to SVG Converter
Convert JPG, PNG, and other raster images to scalable SVG vector graphics. Perfect for logos, icons, and graphics that need infinite scaling without quality loss.
Lorem Ipsum Builder
Create custom Lorem Ipsum placeholder text with full control over structure. Build paragraphs, lists, and lines for your design mockups and web layouts.
Image Analyzer
Free AI image analyzer. Get detailed analysis, descriptions, and insights from any image.
Add Watermark
Upload images and add customizable watermarks with position and opacity controls.
Audio Trimmer & Merger
Trim audio files or merge multiple audio files into one using browser-based processing.
Video Editor
Edit videos instantly in your browser. Trim, merge, remove/add audio, and create professional videos without software installs.
WCAG Text Contrast Checker
Check colour contrast ratios to ensure accessibility compliance with WCAG guidelines (Level AA and AAA).