Alle schermtesttools

    Afbeelding met kleurverloop maken

    Maak een lineair of radiaal kleurverloop met twee of drie kleuren. Stel de hoek en het formaat in, download een achtergrond met kleurverloop of kopieer de CSS voor je website.

    • Lineaire en radiale kleurverlopen
    • Afbeeldingsdownload en CSS

    Gebruik gehele getallen van 1 tot 8192 per zijde, met maximaal 16,777,216 pixels in totaal. Afbeeldingen worden in je browser gemaakt.

    HEX · #RRGGBB
    HEX · #RRGGBB

    Live voorbeeld

    1920 × 1080 px
    Afbeelding met kleurverloop maken

    Het voorbeeld wordt passend geschaald. De download gebruikt precies de pixelafmetingen die hierboven staan.

    background: linear-gradient(90deg, #2563eb, #e879f9);

    CSS en PNG kunnen iets verschillen doordat browsers kleuren op verschillende manieren interpoleren.

    Verloopstest

    Gebruiksaanwijzing

    1. Stel de afmetingen in en kies een lineair of radiaal kleurverloop.
    2. Kies de begin- en eindkleur, voeg eventueel een middenkleur toe en pas de hoek van het lineaire verloop aan.
    3. Download de PNG of JPEG, of kopieer de CSS-achtergronddeclaratie.

    Voorwaarden en beperkingen

    Deze tool maakt decoratieve achtergronden met kleurverloop. Gebruik de aparte kleurverlooptest om bandvorming te bekijken. Een gegenereerde afbeelding kan de bitdiepte of kleurnauwkeurigheid van je scherm niet certificeren.

    Veelgestelde vragen

    Wat betekent de hoek van het kleurverloop?

    De hoeken volgen de CSS-conventie: 0° loopt van onder naar boven, 90° van links naar rechts en 180° van boven naar onder. Radiale verlopen beginnen in het midden.

    Komt de gedownloade afbeelding exact overeen met de CSS?

    Ze gebruiken dezelfde kleuren en richting, maar kleurinterpolatie in de browser en het schalen kunnen kleine verschillen veroorzaken. Gebruik de gedownloade afbeelding als een vast pixelresultaat belangrijk is.

    Verder ontdekken

    Transparante lege afbeelding maken

    Maak een volledig transparante, lege PNG met eigen afmetingen. Bekijk de alfa-achtergrond en download een lege afbeelding voor lay-outs, overlays of ontwerpmateriaal.

    Effen afbeelding maken

    Maak een effen afbeelding met je eigen HEX-kleur en exacte afmetingen. Download een PNG of JPEG voor een effen bureaubladachtergrond, achtergrondvlak of schermreferentie.

    Placeholder-afbeelding maken

    Maak een tijdelijke afbeelding met afmetingen of je eigen tekst. Stel achtergrond- en tekstkleuren in, kies exacte afmetingen en download een PNG of JPEG voor je ontwerpen.