CoolHue Handplockade Pastell Web Gradient Library

Webgränser är ett dime ett dussin dessa dagar eftersom CSS3 gör det så enkelt att skapa gradienter från början och med det rätta kodbiblioteket är det ännu enklare.

Det är där värdet av coolHue kommer in. Detta gratis online-bibliotek är kanske det bästa stället att hitta fantastiska gradienter för din webbplats.

De flesta gradienter följer ett mycket ljust tvåfärgs- eller trefärgat pastellval. Men gradienterna är lätta att redigera så att du kan få dessa att fungera med vilken webbplats som helst.

Från huvudsidan kanske det inte ser ut som mycket. Det är mestadels en samling handplockade gradienter med olika nyanser och färgval. Men om du besöker GitHub repo hittar du en helt annan historia. Denna samling är det bästa valet att hitta personliga färgpaletter, alla speciellt utformade för webbplatser.

Det är lätt att porta dessa gradienter i en mobilapp-användargränssnitt. Men jag har funnit att de är mest användbara med nyare designtrender som drop shadows.

När du redigerar din webbplats kan du Överför färgtoner till en anpassad matris variabel colorData. Detta ska visas i din huvudsakliga HTML tillsammans med alla dina gradientelement.

Med JavaScript har du fullständig kontroll över hur färgerna blandar varandra. CSS3 kan också stödja flera färger, men det är svårare att få dem att fungera över alla sidelement och alla webbläsare.

Med coolHue-webbplatsen kan du även ladda ner gratis PNG-filer i gradienterna. På så sätt kan du redigera dem till grafiska designprojekt, webbplatsmockups eller använda dem utanför rå HTML / CSS / JS-kod.

Och om du är en stor Photoshop-användare finns det till och med en .grd-gradientfil med alla CoolHue-gradienter. Awesome rätt?

Besök GitHub repo för installationsanvisningar och provkodsutdrag. Där hittar du också PS-gradientfilen tillsammans med Sketchgradientfilen och så mycket mer.