Design Tools
Colors, gradients, shadows and CSS effects. 21 tools
Image Color Picker
Pick exact HEX/RGB colors from any image.
Avatar Generator
Generate initials or geometric avatars as SVG/PNG.
Logo Maker
Design a simple text logo with icon shape and colors.
Favicon Generator
Create favicon.ico and app icons from an image.
Color Picker
Pick colors and copy HEX, RGB, HSL.
HEX ↔ RGB Converter
Convert HEX, RGB and HSL colors.
AI Logo Generator AI
Generate logo ideas with AI (needs OpenAI key in admin).
Color Palette Generator
Harmonious palettes from a base color.
Gradient Generator
Linear and radial gradients with export.
CSS Gradient Generator
Copy-ready CSS gradient code.
Box Shadow Generator
Visual CSS box-shadow builder.
Border Radius Generator
Visual CSS border-radius builder.
Glassmorphism Generator
Frosted-glass CSS.
Neumorphism Generator
Soft UI CSS shadows.
SVG Generator
Blobs, waves and patterns as SVG.
Icon Generator
App icons with a letter or emoji, all sizes.
Photo Editor
Brightness, contrast, filters, rotate and crop in your browser.
Add Border to Image
Add a colored border or frame around a photo.
Code to Image
Turn code into a beautiful image to share.
Before & After Image Compare
Compare two images with a slider and export side by side.
Screenshot Beautifier
Add a gradient background, frame and shadow to screenshots.