CoolHue Hand-Picked pasztell webes gradiens könyvtár

A webes színátmenetek egy tucatnyi tucatnyi nap, hiszen a CSS3 olyan egyszerűvé teszi a színátmenetek létrehozását a semmiből, és a megfelelő kódkönyvtárral még könnyebb.

Ott jön be a coolHue értéke. Ez az ingyenes online könyvtár talán a legjobb hely találjon félelmetes színátmeneteket a webhelyére.

A legtöbb színátmenet nagyon világos, kétszínű vagy háromszínű pasztell kiválasztást követ. De a színátmenetek könnyen szerkeszthetők, így ezek bármelyik webhelyen dolgozhatnak.

A főoldalról talán nem néz ki. Ez többnyire kézzel válogatott színátmenetek gyűjteménye, amelyek különböző színárnyalatokat és színválasztékokat tartalmaznak. Mégis, ha meglátogatod a GitHub repo-t, egy egészen más történetet találsz. Ez a gyűjtemény a legjobb választás személyre szabott színpaletták, mindez kifejezetten a weboldalak számára készült.

Elég könnyű, hogy ezeket a színátmeneteket egy mobilalkalmazási felhasználói felületre is átvihesse. De azt találtam, hogy a leghasznosabbak az újabb tervezési trendeknél, mint például az árnyékok.

A webhely szerkesztésekor lehetőség van átadja a színárnyalatokat egy egyéni tömbbe változó colorData. Ez a fő HTML-ben jelenik meg az összes gradiens elemével együtt.

A JavaScript használatával teljes mértékben ellenőrizheti, hogyan keverednek a színek. A CSS3 több színt is támogathat, de nehezebb, hogy az összes oldalelem és az összes böngésző között dolgozzanak.

A hűvös helyszínen még töltse le a színátmenetek ingyenes PNG-fájljait. Így szerkesztheti azokat grafikai tervezési projektekbe, webhelykockákba, vagy használhatja azokat a nyers HTML / CSS / JS kódon kívül.

És ha nagy Photoshop-felhasználó vagy, akkor még egy .grd színátmeneti fájl is található, amelyen minden coolHue gradiens van. Félelmetes?

Látogasson el a GitHub repo-ba a telepítési utasítások és a minta kódrészletei közül. Ott megtalálod a PS gradiens fájlt a Sketch gradiens fájldal és még sok mással együtt.