Kleuren, verlopen, schaduwen en meer voor ontwerpers. · 34 tools
Maak harmonieuze kleurenpaletten.
Ontwerp CSS-verlopen en kopieer de code.
Ontwerp CSS-box-shadow visueel.
Zet om tussen HEX, RGB, HSL en meer.
Controleer het contrast volgens WCAG.
Maak je SVG-bestanden kleiner.
Ontwerp hoeken en organische vormen met border-radius en kopieer de CSS.
Matglaseffect met backdrop-filter, klaar om te kopiëren.
Zachte schaduwen in neumorfe stijl voor knoppen en kaarten.
Achtergronden met patronen (stippen, strepen, zeshoeken…) in CSS of SVG.
Willekeurige organische vormen in SVG met verloop voor je ontwerpen.
Golven om secties van je website te scheiden, in SVG klaar voor gebruik.
Ontwerp knoppen met verloop, omlijning of 3D en kopieer de CSS met hover.
Ontwerp animatiecurves en test ze live.
Kant-en-klare @keyframes-animaties: stuiteren, kloppen, schudden, fade en meer.
Snijd elementen uit met CSS-vormen: driehoeken, sterren, zeshoeken en meer.
Bouw CSS-grids visueel en kopieer de code.
Probeer alle flexbox-eigenschappen uit en zie direct het resultaat.
Bereken harmonieuze groottes voor koppen en tekst op basis van een verhouding.
Reken om tussen pixels, rem, em, pt en vw op basis van de basisgrootte.
Bekijk hoe mensen met protanopie, deuteranopie of tritanopie je ontwerp zien.
Pak de kleur van elk deel van je scherm met één klik.
Maak avatars met initialen en verloop als PNG of SVG.
Ontwerp een professionele handtekening voor Gmail, Outlook en Apple Mail.
Maak een tekstlogo met je merk en slogan als PNG of SVG.
Willekeurige paletten (pastel, fel, aardetinten…) met vergrendelbare kleuren.
Ontdek hoe een HEX- of RGB-kleur heet en wat de equivalenten zijn.
Genereer de schaal 50–950 van je merkkleur voor Tailwind of CSS-variabelen.
Genereer alle pictogramformaten voor iOS, Android en web op basis van één afbeelding.
Ontwerp visitekaartjes en download een A4-vel klaar om af te drukken.
Cursuscertificaten, oorkondes en diploma's als PDF.
Eenvoudige facturen en offertes als PDF met artikelen, btw en totaal.
Maak je cv met een nette sjabloon en download het als PDF.
Maak van afbeeldingen WhatsApp-stickers (512 × 512 WEBP) met een witte rand.
