Druk op Ctrl+D om deze pagina als bladwijzer op te slaan
Gratis online CSS-gradiëntgenerator. Ontwerp lineaire, radiale en conische gradiënten visueel en kopieer direct de CSS-code.
Hoe gebruik je Verloopgenerator?
Selecteer het gradiënttype (lineair, radiaal enzovoort).
Voeg kleurstops toe en stel de kleuren in.
Kopieer de gegenereerde CSS-code.
Veelgestelde vragen over Verloopgenerator
Welke gradiënttypen worden ondersteund?
Lineaire, radiale en conische gradiënten worden ondersteund.
Kan ik de CSS-code rechtstreeks kopiëren?
Ja, kopieer de gegenereerde CSS-gradiëntcode met één klik om die rechtstreeks op je website toe te passen.
Waarom verschijnt er een vuilgrijze band midden in mijn verloop?
Liggen twee kleuren tegenover elkaar op de cirkel, dan passeert de menging een punt waar de verzadiging bijna nul wordt, en dat zie je als een doffe grijze band. De combinaties blauw-oranje en rood-groen zijn de gebruikelijke boosdoeners. Een derde kleur als tussenstop leidt het verloop om het grijs heen, en twee naburige tinten kiezen voorkomt het probleem meteen.
Kan ik het verloop ook als afbeeldingsbestand opslaan in plaats van alleen CSS?
Ja, je kunt een PNG downloaden en die meteen gebruiken als diaachtergrond, socialmedia-beeld of drukwerkopmaak. Voor een webpagina is de CSS echter beter: er valt geen bestand te laden, het verloop rekt mee met elk schermformaat zonder te breken en het vertoont nooit de trapjes van een opgeschaalde bitmap.
Tips om Verloopgenerator effectief te gebruiken
Meng twee tinten die dicht bij elkaar op de kleurencirkel liggen; tegenpolen worden vuilgrijs.
Een diagonaal van 135 graden is de veiligste standaard voor banners en kaartachtergronden.
Komt er tekst overheen? Controleer het contrast bij de lichtste kleurstop.