CoolHue Håndplukket Pastel Web Gradient Library

Webgradienter er et dime et dusin i disse dage, da CSS3 gør det så nemt at lave gradienter fra bunden, og med det rigtige kodebibliotek er det endnu nemmere.

Det er her værdien af ​​coolHue kommer ind. Dette gratis online bibliotek er måske det bedste sted at find awesome gradienter for dit websted.

De fleste gradienter følger et meget lyst tofarvet eller trefarvet pastellvalg. Men gradienterne er nemme at redigere, så du kan få disse til at fungere med ethvert websted.

Fra hovedsiden ser det måske ikke ud til meget. Det er for det meste en samling håndplukket gradienter med forskellige nuancer og farvevalg. Men hvis du besøger GitHub repo, finder du en helt anden historie. Denne samling er det bedste valg til at finde personlige farvepaletter, alle specielt designet til hjemmesider.

Det er nemt at porte disse gradienter i en mobil app-brugerflade også. Men jeg har fundet, at de er mest nyttige med nyere designtendenser som drop shadows.

Når du redigerer dit websted, kan du videregive farvetoner til et brugerdefineret array variabel farvedata. Dette skal vises i din hoved HTML sammen med alle dine gradientelementer.

Ved hjælp af JavaScript har du fuldstændig kontrol over, hvordan farverne blandes sammen. CSS3 kan også understøtte flere farver, men det er hårdere for at få dem til at fungere på tværs af alle sideelementer og alle browsere.

Med coolHue-stedet kan du endda download gratis PNG-filer i gradienterne. På denne måde kan du redigere dem i grafiske designprojekter, website mockups eller bruge dem uden for rå HTML / CSS / JS kode.

Og hvis du er en stor Photoshop-bruger, er der endda en .grd-gradientfil med alle coolHue-gradienter. Awesome højre?

Besøg GitHub repo for opsætningsinstruktioner og prøvekodeuddrag. Der vil du også finde PS-gradientfilen sammen med Sketchgradientfilen og så meget mere.