Ga naar de hoofdinhoud
Uddatak

CSS-verloopgenerator

Kies kleuren, hoek en gradiënttype in een live voorbeeld om een lineaire of radiale CSS-gradient te ontwerpen, en kopieer vervolgens de exacte background-image CSS-code — geen giswerk meer met kleurstop-percentages.

Design- en CSS-tools Werkt volledig in je browser

Alle verwerking gebeurt op je eigen apparaat — er wordt niets naar een server verzonden.

0%
100%

CSS-code

background-image: linear-gradient(90deg, #6366f1 0%, #ec4899 100%);

Ga verder met

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

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

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

Wil je Uddatak proberen?

Blader door de volledige bibliotheek met tools en gebruik meteen wat je nodig hebt — gratis en zonder registratie.

Bekijk alle tools