Image Tools
4 tools- Image Color Extractor
Image Color Extractor — Extract a clean, dominant color palette from any photograph or design file. Processed fully client-side using the Median-Cut qua...
- AI Color Palette Generator
Generate harmonious color palettes using color theory. Complementary, analogous, triadic, tetradic, monochromatic schemes. Lock, copy, and export.
- Color Shades Generator
Generate 10 shades (50-950) from any hex color, like Tailwind CSS. View swatches, click to copy hex, export as Tailwind config or CSS variables.
- Color Mixer
Mix two colors with configurable gradient steps. See the gradient preview and copy CSS linear-gradient code. Free online color blender.
Developer Tools
11 tools- Border Radius Generator
Visually craft CSS border-radius — independent corners, px/%/em units, and organic blob shapes. Live preview and copy-paste CSS. Runs in your browser.
- Glassmorphism Generator
Design frosted-glass CSS with live preview — blur, saturation, fill opacity, border and shadow. Copy backdrop-filter CSS. Runs in your browser.
- Clip Path Generator
Create CSS clip-path shapes visually — polygons, circles, insets and 20+ presets with draggable points. Live preview and copy-paste CSS, in your browser.
- Text Shadow Generator
Design CSS text-shadow visually — stack multiple layers, pick neon, 3D, outline and retro presets, then copy the CSS. Live preview, runs in your browser.
- Neumorphism Generator
Build soft-UI neumorphism CSS visually — base color, light direction, shape and shadow distance. Copy box-shadow CSS. Live preview in your browser.
- CSS Triangle Generator
Make CSS triangles with the border trick — choose direction, width, height and color, preview live, and copy the width/height/border CSS. Runs in browser.
- CSS Button Generator
Design a CSS button visually — padding, colors, gradients, border-radius, shadow and hover effects — with a live preview, then copy the CSS. In-browser.
- Scrollbar Styler
Style custom scrollbars visually — width, track and thumb colours, hover and radius — with a live WebKit preview and Firefox fallback. Copy the CSS.
- Color Blindness Simulator
Simulate protanopia, deuteranopia, tritanopia, and achromatopsia color blindness on images. Upload a photo or use the built-in test pattern.
- CSS Checkbox Generator
Design custom CSS checkboxes with tick, cross, fill, or minus styles. Control size, colors, border radius. Live preview and copy CSS.
- CSS Background Pattern Generator
Generate pure CSS background patterns — stripes, dots, grids, checkerboards, and more. Copy-ready CSS code, no images required.