En farvegradient er en gradvis blanding mellem to eller flere farver. Normalt defineres en gradient af to brugerdefinerede farver, og computeren beregner automatisk alle farver derimellem. Farvegradienter kan bestå af to eller flere brugsdefinerede farver. I CSS-kode til websteder kan du definere lineære og radiale gradienter. En lineær farvegradient blander farver i en lige linje og resulterer i en progressiv farveovergang fra et punkt til et andet. En radial farvegradient blander farver på en cirkulær måde og resulterer i en farveovergang, der stråler fra et bestemt punkt.
Normalt vælger en designer to eller flere farver for at fremstille en farvegradient. Dette kræver designoplevelse og et godt øje for farveharmoni. Vores farvegradientgenerator bruger farvegradientalgoritmer i vores logo maker My Brand New Logo, som automatisk skaber flotte og godt afbalancerede farvegradenter. Du skal bare vælge en enkelt farve, og vores gradientgenerator genererer automatisk en flot gradient baseret på den. Der foregår en masse farvevidenskab bag kulisserne, men vær sikker på, at din farvegradient altid ser godt ud.
Vores CSS-baggrundsgradientgenerator opretter automatisk en farvegradient baseret på din valgte farve. Vi har forskellige stilarter af gradueringer. Lysstil genererer en farvegradient, der ser ud til, at den bliver fremhævet af en lyskilde. Perfekt til at tilføje nogle glans til dine farver. Den dybe stil tager dette koncept lidt videre og tilføjer flere nuancer til farvespektret. Regnbue-stil er perfekt til lysere farver for at skabe et perlemors look. Og den intense stil skaber en intens, dyb og rig farvegradient.
Når du har valgt en farve, kan du trække skyderne for at justere gradienten. Den første skyder styrer graden af gradient. Den anden skyder styrer rotationen af farvegradienten. Du kan bruge dette til at simulere, hvor lyset kommer fra. Den tredje skyder skifter fra lineær til radial tilstand.
Hvis du er tilfreds med din gradient, få din CSS-kode ved at indsætte den genererede CSS-farvegradientkode. Placer den i din egen CSS-kode for at få den nøjagtige samme gradient i dit eget webdesign.
Hvis du vil oprette et logo med en farvegradient, har vi oprettet nogle retningslinjer for dig:
Brug denne CSS-kode i dit webprojekt for at få din farvegradient: