En fargegradient er en gradvis blanding mellom to eller flere farger. Vanligvis er en gradient definert av to brukerdefinerte farger, og datamaskinen beregner automatisk alle farger i mellom. Fargeoverganger kan bestå av to eller flere bruktdefinerte farger. I CSS-kode for nettsteder kan du definere lineære og radiale gradienter. En lineær fargegradient blander farger i en rett linje og resulterer i en progressiv fargeovergang fra et punkt til et annet. En radiell fargegradient blander farger på en sirkulær måte og resulterer i en fargeovergang som stråler fra et bestemt punkt.
Normalt plukker en designer hånd eller to eller flere farger for å lage en fargegradient. Dette krever designerfaring og et godt øye for fargeharmoni. Fargegradientgeneratoren vår bruker fargegradientalgoritmer til vår logoprodusent My Brand New Logo, som automatisk skaper flotte og godt balanserte fargestigenter. Du må bare velge en enkelt farge, og gradientgeneratoren vår genererer automatisk en fin gradient ut fra den. Det er mye fargevitenskap som skjer bak kulissene, men være trygg på at fargebarienten din alltid ser bra ut.
Vår CSS bakgrunnsgradientgenerator oppretter automatisk en fargegradient basert på den valgte fargen. Vi har forskjellige fargestyper. Lysstilen genererer en fargegradient som ser ut som om den blir uthevet av en lyskilde. Perfekt å legge litt glans til fargene dine. Den dype stilen tar dette konseptet litt lenger og gir flere fargetoner til fargespekteret. Regnbuestilen er perfekt for lysere farger, for å skape perlemors look. Og den intense stilen skaper en intens, dyp og rik fargegradient.
Når du har valgt en farge, kan du dra glidebryterne for å justere gradienten. Den første glidebryteren kontrollerer gradientgraden. Den andre glidebryteren kontrollerer rotasjonen av fargeforløpet. Du kan bruke dette til å simulere hvor lyset kommer fra. Den tredje glidebryteren bytter fra lineær til radial modus.
Hvis du er fornøyd med gradienten din, få din CSS-kode ved å kopiere og lime inn den genererte CSS-fargegradientkoden. Plasser den i din egen CSS-kode for å få nøyaktig samme gradient i din egen webdesign.
Hvis du vil lage en logo med en fargegradient, har vi satt opp noen retningslinjer for deg:
Bruk denne CSS-koden i nettprosjektet ditt for å få din fargegradient: