Zonsondergang CSS-gradiënt — Kant-en-klare code
Bouw CSS-gradiënten visueel op: lineair, radiaal of conisch type, hoekschuifregelaar en tot zes kleurstops met een live breed voorbeeldvenster en kopieerbare code.
Wordt volledig in uw browser verwerkt. Niets wat u hier invoert, wordt ooit geüpload.
Resultaat
Over dit hulpmiddel
Deze pagina opent de gradiëntgenerator met een kant-en-klare zonsondergangoverloop ingeladen: warm koraal #ff7e5f dat overvloeit in zacht perzik #feb47b, van links naar rechts. Het voorbeeld toont hem meteen op volledige breedte en de CSS-regel eronder is klaar om zo te kopiëren.
Warme koraal-naar-perzik overgangen zijn een vaste waarde voor hero-secties omdat ze vriendelijk en energiek overkomen zonder witte tekst te overweldigen. Dit paar ligt qua tint dicht genoeg bij elkaar zodat het middenpunt schoon blijft — geen modderige grijze band in het midden, de klassieke valkuil van gradiënten tussen ver uit elkaar liggende kleuren.
Gebruik hem ongewijzigd, of maak hem eigen: draai de hoek voor een diagonale zonsondergang, trek de eerste stop naar binnen voor een sterkere koraalaanwezigheid, of voeg een derde stop met diep pruim bij 100% toe voor een schemergevoel. Elke wijziging past de kopieerbare CSS direct aan.