Een kleurverloop is een geleidelijke vermenging tussen twee of meer kleuren. Gewoonlijk wordt een verloop bepaald door twee door de gebruiker gedefinieerde kleuren, en de computer berekent automatisch alle kleuren daartussenin. Kleurovergangen kunnen bestaan uit twee of meer door de gebruiker gedefinieerde kleuren. In CSS-code voor websites kun je lineaire en radiale verlopen definiëren. Een lineair kleurverloop mengt kleuren in een rechte lijn en resulteert in een progressieve kleurovergang van het ene punt naar het andere. Een radiaal kleurverloop mengt kleuren op een cirkelvormige manier en resulteert in een kleurovergang die vanaf een bepaald punt straalt.
Normaal gesproken kiest een ontwerper twee of meer kleuren met de hand om een kleurverloop te maken. Dit vereist ontwerpervaring en een goed oog voor kleurharmonie. Onze kleurverloopgenerator maakt gebruik van de kleurverloopalgoritmen van onze logomaker My Brand New Logo, die automatisch mooie en goed uitgebalanceerde kleurovergangen creëert. Je hoeft slechts één kleur te selecteren en onze verloopgenerator genereert automatisch een mooi ogend verloop op basis daarvan. Er is veel kleurwetenschap gaande achter de schermen, maar je kunt er zeker van zijn dat je kleurverloop er altijd goed uitziet.
Onze CSS-generator voor achtergrondverloop maakt automatisch een kleurverloop op basis van de door je geselecteerde kleur. We hebben verschillende stijlen van verlopen. De lichtstijl genereert een kleurverloop dat eruitziet alsof het wordt benadrukt door een lichtbron. Perfect om je kleuren wat glans te geven. De diepe stijl neemt dat concept een beetje verder en voegt meer tinten toe aan het kleurenspectrum. De regenboogstijl is perfect voor lichtere kleuren, om een parelmoeren look te creëren. En de intense stijl zorgt voor een intens, diep en rijk kleurverloop.
Als je een kleur hebt geselecteerd, kun je de schuifregelaars slepen om het verloop aan te passen. De eerste schuifregelaar bepaalt de hoeveelheid kleurverloop. De tweede schuifregelaar regelt de rotatie van het kleurverloop. Je kunt dit gebruiken om te simuleren waar het licht vandaan komt. De derde schuifregelaar schakelt van lineaire naar radiale modus.
Als je tevreden bent met je verloop, verkrijg dan je CSS-code door de gegenereerde CSS-kleurverloopcode te kopiëren en plakken. Plaats het in je eigen CSS-code om exact hetzelfde verloop in je eigen webdesign te krijgen.
Als je een logo met een kleurverloop wilt maken, hebben we enkele richtlijnen voor je opgesteld:
Gebruik deze CSS-code in je webproject om je kleurverloop te krijgen: