Designer Toolkit
Chroma Studio
Active Palette
Used for pattern generation
Workspace Tools
Color Craft
Generate coherent color schemes instantly.
Pattern Lab
Create generative art from your palettes.
Image Theme
Extract dominant colors from photos.
SVG to PNG Export
Paste SVG code and export as high-res PNG images instantly.
Gradients
CSS gradients.
Blob Maker
Organic shapes.
Glassmorphism
Visual blur & opacity editor.
Shadows
Soft CSS shadow gen.
Base64
Encode small images to text.
A11y Contrast
Verify WCAG accessibility ratios.
Color Craft
Tip: Click the lock icon to keep a color, click hex to copy.
Pattern Lab
Image Extractor
Tap to upload image
JPEG, PNG, WEBP
Color Picker
Hover over the image to preview, click the image to copy.
Extracted Theme
Gradient Builder
background: linear-gradient(90deg, #8b5cf6, #ec4899);
Contrast Checker
Large Text Preview
This is a preview of normal text size to check readability against the background.
Contrast Ratio
SVG to PNG Export
Preview & Download
Glass Builder
Glass Effect
Adjust sliders below to see real-time updates over this vibrant background.
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
Shadow Generator
box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.15);
Blob Maker
Click randomize to generate a unique organic shape built using advanced border-radius techniques.
border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
Base64 Encoder
Select image (Max 2MB)