Afbeeldingsgereedschap
5 tools- Kleuruittrekker
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-kleurenpaletgenerator
Generate harmonious color palettes using color theory. Complementary, analogous, triadic, tetradic, monochromatic schemes. Lock, copy, and export.
- Kleurschaduwgenerator
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.
- Kleurmixer
Mix two colors with configurable gradient steps. See the gradient preview and copy CSS linear-gradient code. Free online color blender.
- Aspect Ratio Calculator
Calculate aspect ratios, dimensions, and scaling for images and videos. Enter width, height, or ratio and get the missing values instantly.
Ontwikkelaarsgereedschappen
15 tools- Randstraalgenerator
Visually craft CSS border-radius — independent corners, px/%/em units, and organic blob shapes. Live preview and copy-paste CSS. Runs in your browser.
- Glasmorfismegenerator
Design frosted-glass CSS with live preview — blur, saturation, fill opacity, border and shadow. Copy backdrop-filter CSS. Runs in your browser.
- Klempadgenerator
Create CSS clip-path shapes visually — polygons, circles, insets and 20+ presets with draggable points. Live preview and copy-paste CSS, in your browser.
- Tekstschaduwgenerator
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.
- Neumorfismegenerator
Build soft-UI neumorphism CSS visually — base color, light direction, shape and shadow distance. Copy box-shadow CSS. Live preview in your browser.
- CSS Driehoekgenerator
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-knopgenerator
Design a CSS button visually — padding, colors, gradients, border-radius, shadow and hover effects — with a live preview, then copy the CSS. In-browser.
- Schuifbalkstijl
Style custom scrollbars visually — width, track and thumb colours, hover and radius — with a live WebKit preview and Firefox fallback. Copy the CSS.
- Kleurblindheidssimulator
Simulate protanopia, deuteranopia, tritanopia, and achromatopsia color blindness on images. Upload a photo or use the built-in test pattern.
- CSS-checkboxgenerator
Design custom CSS checkbox and radio button styles with checkmark, cross, fill, minus, or star icons. Control size, colors, border radius, and animation (bounce/scale). Live preview and copy CSS + HTML.
- CSS achtergrondpatroongenerator
Generate pure CSS background patterns — stripes, dots, grids, checkerboards, and more. Copy-ready CSS code, no images required.
- Lettertypepaarzoeker
Discover 20 curated Google Font pairings for headings and body text. Filter by style (modern, classic, playful, professional, minimal). Copy @import and CSS for each pair.
- CSS-schakelaargenerator aan/uit
Design custom CSS toggle switches with iOS, material, flat, 3D, and neumorphic styles. Live preview, copy HTML + CSS. Customize colors, size, labels, and animation speed.
- CSS achtergrondpatroongenerator
Generate beautiful CSS background patterns with pure CSS gradients — stripes, dots, checkerboard, waves, zigzag, and more. Live preview, copy CSS, free and instant.
- CSS Box Shadow Generator
Build CSS box-shadow with multiple layers. Tune offset, blur, spread, color, opacity and inset for each shadow. Live preview and copy-ready CSS.
Generatoren
1 tool- Contrastcontrole
Free online WCAG contrast checker. Check color contrast ratios for AA and AAA compliance. Test foreground and background colors instantly.
- Kleurblindheidssimulator
Free online color blindness simulator. Simulate 8 types of color vision deficiency on any color palette. Check accessibility of your designs.