Design- en CSS-tools

Genereer CSS-gradiënten, schaduwen en afgeronde hoeken, en controleer kleurcontrast voor websites. 17 tools — Werkt volledig in je browser.

Volledig lokaal

Kleurcontrast Checker

Controleer of een tekst-/achtergrondkleurcombinatie voldoet aan de WCAG-toegankelijkheidsnormen voor contrast.

Design- en CSS-toolsTool openen

Volledig lokaal

CSS-verloopgenerator

Bouw visueel een lineaire of radiale CSS-gradient en kopieer de code.

Design- en CSS-toolsTool openen

Volledig lokaal

CSS-boxschaduwgenerator

Ontwerp visueel een CSS box-shadow met schuifregelaars en kopieer de gegenereerde code.

Design- en CSS-toolsTool openen

Volledig lokaal

CSS-hoekafrondinggenerator

Ontwerp visueel afgeronde hoeken — ook asymmetrische vormen — en kopieer de CSS-code.

Design- en CSS-toolsTool openen

Volledig lokaal

Px naar Rem Converter

Converteer tussen pixels en rem-eenheden, op basis van een aangepaste root-lettergrootte.

Design- en CSS-toolsTool openen

Volledig lokaal

Kleurenpalet Extractor

Extraheer de meest dominante kleuren uit elke afbeelding, met HEX-, RGB- en CSS-codes.

Design- en CSS-toolsTool openen

Volledig lokaal

Code-screenshotgenerator

Plak code en zet het om in een strakke afbeelding met een gradiëntachtergrond en titelbalk, klaar om te delen.

Design- en CSS-toolsTool openen

Volledig lokaal

Kleurenblindheid Simulator

Zie hoe je afbeelding eruitziet voor iemand met kleurenblindheid (protanopie, deuteranopie, tritanopie of achromatopsie).

Design- en CSS-toolsTool openen

Volledig lokaal

CSS-clip-pathgenerator

Kies een kant-en-klare vorm (cirkel, driehoek, ster, spraakballon...) en kopieer de clip-path CSS-code.

Design- en CSS-toolsTool openen

Volledig lokaal

Cubic-bezier-easinggenerator

Sleep twee punten om visueel een aangepaste bewegingscurve te ontwerpen en kopieer de cubic-bezier code.

Design- en CSS-toolsTool openen

Volledig lokaal

CSS-glassmorphismgenerator

Ontwerp visueel een matglas-kaarteffect en kopieer de kant-en-klare CSS-code.

Design- en CSS-toolsTool openen

Volledig lokaal

CSS-grid- en flexboxgenerator

Ontwerp visueel een Grid- of Flexbox-layout met een live voorbeeld en kopieer de kant-en-klare CSS-code.

Design- en CSS-toolsTool openen

Volledig lokaal

Tekst naar Handschrift Converter

Zet getypte tekst om in een afbeelding die eruitziet als handschrift op gelinieerd papier, in een keuze van handschriftstijlen.

Design- en CSS-toolsTool openen

Volledig lokaal

SVG Blob & Achtergrondpatroon Generator

Genereer een willekeurige organische blob-vorm of een naadloos herhalend achtergrondpatroon als SVG, en kopieer of download het.

Design- en CSS-toolsTool openen

Volledig lokaal

CSS Keyframe Animatie Generator

Ontwerp visueel een CSS-animatie (fade, slide, zoom, bounce, rotate, flip) en krijg kant-en-klare @keyframes-code.

Design- en CSS-toolsTool openen

Volledig lokaal

Kleurenpalet Harmonie Generator

Kies een basiskleur en krijg een harmonieus kleurenpalet (complementair, analoog, triadisch, tetradisch, monochromatisch).

Design- en CSS-toolsTool openen

Volledig lokaal

Meshverloopgenerator

Creëer met één klik een zachte, meerpunts mesh-gradiëntachtergrond, en kopieer kant-en-klare CSS-code.

Design- en CSS-toolsTool openen

Gerelateerde tools

AI-tools Teksttools PDF-tools Afbeeldingstools

Tools