Ga naar de hoofdinhoud
Uddatak

CSS-hoekafrondinggenerator

Pas elke hoek afzonderlijk aan met live schuifregelaars op een voorbeeldvak om alles te ontwerpen, van subtiel afgeronde hoeken tot organische, asymmetrische blob-vormen, en kopieer vervolgens de exacte border-radius CSS-waarde.

Design- en CSS-tools Werkt volledig in je browser

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

CSS-code

border-radius: 16px;

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-verloopgenerator

Bouw visueel een lineaire of radiale CSS-gradient en kopieer de 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

Gerelateerde tools

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

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