CoolHue Ръчно избирана библиотека за пастелни уеб градиенти

В днешно време уеб градиентите са десетина дузи, тъй като CSS3 улеснява създаването на градиенти от нулата и с правилната библиотека с кодове е още по-лесно.

Тук идва стойността на coolHue. Тази безплатна онлайн библиотека е може би най-доброто място намерете страхотни градиенти за сайта си.

Повечето градиенти следват много ярка двуцветна или трицветна пастелна селекция. Но градиентите са лесни за редактиране, така че можете да получите тези, които работят с всеки сайт.

От главната страница може да не изглежда много. Това е предимно колекция от подбрани градиенти с различни оттенъци и цветен избор. И все пак, ако посетите GitHub repo ще откриете цяла друга история. Тази колекция е най-добрият избор за намиране персонализирани цветови палитри, всички специално разработени за уебсайтове.

Достатъчно лесно е да пренесете тези градиенти в потребителския интерфейс за мобилни приложения. Но открих, че те са най-полезни с по-нови тенденции в дизайна като сенките за падане.

Когато редактирате сайта си, можете предавайте цветови оттенъци в персонализиран масив променлива colorData. Това трябва да се появи във вашия основен HTML заедно с всичките ви елементи на градиента.

С помощта на JavaScript имате пълен контрол над това как цветовете се смесват заедно. CSS3 може също да поддържа множество цветове, но е по-трудно да ги накара да работят във всички елементи на страницата и всички браузъри.

С сайта на coolHue можете дори изтеглите безплатни PNG файлове на градиентите. По този начин можете да ги редактирате в проекти за графичен дизайн, макети на уебсайтове или да ги използвате извън суровия код HTML / CSS / JS.

И ако сте голям потребител на Photoshop, има дори файл с градиент .grd с всички градиенти на coolHue. Страхотно право?

Посетете репо GitHub за инструкции за настройка и откъси от примерен код. Там ще намерите файла с градиента на PS заедно с файла на градиента на Sketch и още много други.