CoolHue - подобранная пастельная веб-библиотека градиентов

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

Вот где ценность CoolHue приходит. Эта бесплатная онлайн-библиотека, пожалуй, лучшее место для найти удивительные градиенты для вашего сайта.

Большинство градиентов следуют за очень ярким двухцветным или трехцветным пастельным выбором. Но градиенты легко редактировать, поэтому вы можете настроить их на любом сайте..

С главной страницы это может выглядеть не очень. В основном это коллекция отобранных градиентов с различными оттенками и выбором цвета. Тем не менее, если вы посетите репозиторий GitHub, вы найдете совершенно другую историю. Эта коллекция - лучший выбор для поиска персонализированные цветовые палитры, все специально разработанные для веб-сайтов.

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

При редактировании своего сайта вы можете передать цветовые оттенки в пользовательский массив переменная colorData. Это должно появиться внутри вашего основного HTML вместе со всеми вашими элементами градиента.

Используя JavaScript, вы полностью контролируете, как цвета сочетаются друг с другом. CSS3 также может поддерживать несколько цветов, но сложнее заставить их работать на всех элементах страницы и во всех браузерах.

С сайта coolHue вы можете даже скачать бесплатно PNG файлы градиентов. Таким образом, вы можете редактировать их в проектах графического дизайна, макетах веб-сайтов или использовать их вне исходного кода HTML / CSS / JS.

И если вы большой пользователь Photoshop, есть даже файл градиента .grd со всеми градиентами coolHue. Круто право?

Посетите репозиторий GitHub для получения инструкций по настройке и примеров фрагментов кода. Там вы также найдете файл градиента PS вместе с файлом градиента Sketch и многое другое.