Pastel CSS-verloop — kant-en-klare code
Creëer visueel CSS-gradiënten: lineair, radiaal of conisch, hoekschuifregelaar en maximaal zes kleurstops met een live voorbeeld over de volledige breedte en kopieerbare code.
Resultaat
Op deze pagina wordt de gradiëntgenerator geopend met een kant-en-klare pastelvervaging geladen: poederroze #ffdde1 dat overgaat in stoffige roos #ee9ca7. Het voorbeeldpaneel toont onmiddellijk het zachte resultaat, met de CSS-regel eronder klaar.
Pastelkleurige gradiënten werken waar verzadigde kleuren zouden schreeuwen: onboardingschermen, kaarten, lege statussen en beauty- of lifestyle-branding. Omdat beide registers licht zijn, blijft donkere tekst over het hele oppervlak leesbaar – iets wat de meeste levendige kleurverlopen niet kunnen bieden zonder een overlay.
Kopieer de lijn zoals hij is of verzacht hem nog verder door trucs aan te passen die aan de dekking grenzen: verplaats de roze stop naar 80% en laat het roze domineren, of ga naar een radiaal type voor een zachte centrale gloed. De tool werkt de kopieerbare CSS bij elke invoer bij.