458

Генератор градиентов и палитры по картинкам1

Серия Gradients.app

Привет, пикабу!

Делюсь своим проектом Gradients.app, занимаюсь им в свободное время и очень жду замечаний и предложений. Проект может пригодиться дизайнерам и иллюстраторам — тут про цвета и градиенты.

Набор градиентов

На сайте можно скачать градиенты разных размеров в PNG, скопировать цвета по отдельности и CSS-коды градиентов. Градиенты сортируются по цветам, скачиваниям и дате. Градиентов на сегодня 87, добавляю их самостоятельно, если у вас есть классные сочетания — буду рад их добавить.

Можно провалиться внутрь карточки градиента, там будет больше информации и разные размеры для скачивания. Для веб-дизайнера есть CSS-код градиента, а для иллюстраторов — цвета в RGB, CMYK, HEX и HSL.

Генератор градиентов

Можно делать градиенты самим: подбирать цвета, смотреть разные сочетания. Есть возможность выбрать от 1 до 5 цветов, скачивать в FHD, копировать CSS-код и рандомно менять цвета всего градиента или по отдельности.

Наборы палитр

Потом я добавил на сайт ещё один раздел — цветовые схемы. Загрузил картинки в разных стилях, с разными палитрами. Эти палитры можно использовать для оформления сайтов, графического дизайна или даже дизайна интерьеров.

Схемы можно отфильтровать по цветам и скопировать HEX-код каждого цвета палитры. На подробной странице схемы цвета применяются к небольшому web-шаблону: блоки, кнопки и другие элементы раскрашиваются под выбранную палитру.

Генератор палитры по фото

Ещё можно загрузить любую картинку или фотографию и определить палитру на ней. Изображение разбивается на 10 основных цветов. Есть подробные блоки с яркими, приглушенными, темными, светлыми и противоположными цветами. У всех цветов можно скопировать HEX-код.

Проект переведен на английский и частично на китайский язык.


Буду рад критике и идеям, может что-то вышло неудобно и непонятно.

Ссылка на сайт — https://gradients.app/ru


Спасибо, всем!

Правила сообщества

Можно:


Публиковать свои посты / обзоры, и я до сих пор удивлен почему этого никто еще не делает. Практически любой более-менее вменяемый пост можно запилить, и я уверен, что его лампово примут.


Вставить свои 5 копеек. Если будет своя альтернативная точка зрения или совет по какой-то теме, то это приветствуется.


Нельзя:


1. Публиковать сообщения, картинки, не соответствующие тематике;

2. Размещать ссылки рекламного характера;

3. Перегибать палку;


Если оступился:


в случае нарушений, доступ в группу будет закрыт, а пользователь занесен в бан-лист;

Вы смотрите срез комментариев. Показать все
3
Автор поста оценил этот комментарий

Тёмная тема просто огонь.

Иллюстрация к комментарию
раскрыть ветку (22)
3
Автор поста оценил этот комментарий
Поправил, спасибо ещё раз.
раскрыть ветку (4)
2
Автор поста оценил этот комментарий

Ещё раз не за что)

Иллюстрация к комментарию
раскрыть ветку (3)
2
Автор поста оценил этот комментарий
Раздел юзера, эх так и не понял для чего я его сделал.
раскрыть ветку (2)
0
Автор поста оценил этот комментарий

Как это «для чего»? Это снижает нагрузку на сервер и позволяет сохранять градиенты. Только сохранение почему-то не работает, а надпись о необходимости регистрации почему-то залогиненые пользователи видят.

Иллюстрация к комментарию
раскрыть ветку (1)
1
Автор поста оценил этот комментарий

Записал в задачи

1
Автор поста оценил этот комментарий
Спасибо за баг!
раскрыть ветку (16)
1
Автор поста оценил этот комментарий

Да незачто.

Иллюстрация к комментарию
раскрыть ветку (15)
0
Автор поста оценил этот комментарий
Поправил
раскрыть ветку (14)
2
Автор поста оценил этот комментарий

Файл из пользовательского кэша выбить забыли.

Иллюстрация к комментарию
раскрыть ветку (13)
2
Автор поста оценил этот комментарий
Выбил, должно быть хорошо
раскрыть ветку (12)
0
Автор поста оценил этот комментарий

На компе хорошо, только мобилки не очень любят выбивание чере GET параметры и достают старую версию.


А вы почему dev на prod выкладываете?

Иллюстрация к комментарию
раскрыть ветку (11)
1
Автор поста оценил этот комментарий
Допиливаю периодически, надо поставить обычный
раскрыть ветку (10)
2
Автор поста оценил этот комментарий
И ещё раз спасибо за все баги, это я и хотел получить от пользователей.
раскрыть ветку (7)
3
Автор поста оценил этот комментарий

Вы как stable зарелизите, пните. Потещу пристальным взглядом с разных устройств.


Проект хорош, хочу помочь посильным вкладом.

раскрыть ветку (6)
0
Автор поста оценил этот комментарий
Спасибо, напишу. И если идеи будут – поделитесь.
раскрыть ветку (5)
0
Автор поста оценил этот комментарий

На чем пилите? И почему не SPA? страницы уж очень долго переключаются.

раскрыть ветку (1)
1
Автор поста оценил этот комментарий
Php, SQL, Vue.js. Проект для тренировки скилов.
Вы смотрите срез комментариев. Чтобы написать комментарий, перейдите к общему списку

Темы

Политика

Теги

Популярные авторы

Сообщества

18+

Теги

Популярные авторы

Сообщества

Игры

Теги

Популярные авторы

Сообщества

Юмор

Теги

Популярные авторы

Сообщества

Отношения

Теги

Популярные авторы

Сообщества

Здоровье

Теги

Популярные авторы

Сообщества

Путешествия

Теги

Популярные авторы

Сообщества

Спорт

Теги

Популярные авторы

Сообщества

Хобби

Теги

Популярные авторы

Сообщества

Сервис

Теги

Популярные авторы

Сообщества

Природа

Теги

Популярные авторы

Сообщества

Бизнес

Теги

Популярные авторы

Сообщества

Транспорт

Теги

Популярные авторы

Сообщества

Общение

Теги

Популярные авторы

Сообщества

Юриспруденция

Теги

Популярные авторы

Сообщества

Наука

Теги

Популярные авторы

Сообщества

IT

Теги

Популярные авторы

Сообщества

Животные

Теги

Популярные авторы

Сообщества

Кино и сериалы

Теги

Популярные авторы

Сообщества

Экономика

Теги

Популярные авторы

Сообщества

Кулинария

Теги

Популярные авторы

Сообщества

История

Теги

Популярные авторы

Сообщества