197

Продолжение поста «Генератор градиентов и палитры по картинкам» 

Продолжение поста «Генератор градиентов и палитры по картинкам» Градиент, Цвет, Сайт, Интересные сайты, HTML, CSS, Проект, Веб-дизайн, Палитра, Сочетание, Гифка, Ответ на пост, Длиннопост

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

Прошло 3 месяца с первого поста про мой проект — Gradients.app, он про цвета и градиенты.

Расскажу про изменения и обновления за это время.

Вращение градиента

Вращение градиента появилось в мини-карточке, на подробной странице и при генерации нового градиента. Выбирайте нужный угол поворота и скачивайте градиент под выбранным углом. В мини-карточках градиент скачивается в размере 1920 на 1080 px.

Продолжение поста «Генератор градиентов и палитры по картинкам» Градиент, Цвет, Сайт, Интересные сайты, HTML, CSS, Проект, Веб-дизайн, Палитра, Сочетание, Гифка, Ответ на пост, Длиннопост

Новый вид страницы градиента

Пользователь может задать размер градиента самостоятельно или выбрать уже готовые размеры. Максимальный размер градиента — 2000 на 2000 px. Изображение градиента скачивается если на него нажать.
Продолжение поста «Генератор градиентов и палитры по картинкам» Градиент, Цвет, Сайт, Интересные сайты, HTML, CSS, Проект, Веб-дизайн, Палитра, Сочетание, Гифка, Ответ на пост, Длиннопост

Добавление градиента в общую ленту

Зарегистрированные пользователи могут добавить свои градиенты в общую ленту.


Сгенерируйте градиент → сохраните в профиль → перейдите в мои градиенты → отправьте в общую ленту.

Продолжение поста «Генератор градиентов и палитры по картинкам» Градиент, Цвет, Сайт, Интересные сайты, HTML, CSS, Проект, Веб-дизайн, Палитра, Сочетание, Гифка, Ответ на пост, Длиннопост

Пользователю придёт письмо о добавлении в общую ленту и ссылка на градиент.

Продолжение поста «Генератор градиентов и палитры по картинкам» Градиент, Цвет, Сайт, Интересные сайты, HTML, CSS, Проект, Веб-дизайн, Палитра, Сочетание, Гифка, Ответ на пост, Длиннопост

Генерация градиентов без грязных переходов

Случайная генерация градиентов теперь красивая, не появляются грязные переходы, а цвета рассчитываются по HSL модели.

Продолжение поста «Генератор градиентов и палитры по картинкам» Градиент, Цвет, Сайт, Интересные сайты, HTML, CSS, Проект, Веб-дизайн, Палитра, Сочетание, Гифка, Ответ на пост, Длиннопост

Появился инструмент смешивания цветов

Можно выбрать до 4х цветов и два режима смешивания RGB и HSL.

Продолжение поста «Генератор градиентов и палитры по картинкам» Градиент, Цвет, Сайт, Интересные сайты, HTML, CSS, Проект, Веб-дизайн, Палитра, Сочетание, Гифка, Ответ на пост, Длиннопост

Просто про режимы RGB и HSL:

Смешивая синий и желтый в RGB вы получите серый цвет, а в режиме HSL зеленый. В RGB между синим и желтым на цветовом круге серый цвет поэтому их сложение его и даст, а в HSL получится дуга т.к. цвета на разном уровне.

Продолжение поста «Генератор градиентов и палитры по картинкам» Градиент, Цвет, Сайт, Интересные сайты, HTML, CSS, Проект, Веб-дизайн, Палитра, Сочетание, Гифка, Ответ на пост, Длиннопост

Появился генератор оттенков

Выбирайте цвет и количество оттенков от 3 до 36. Оттенки генерируются в сторону белого, серого и черного цвета.

Продолжение поста «Генератор градиентов и палитры по картинкам» Градиент, Цвет, Сайт, Интересные сайты, HTML, CSS, Проект, Веб-дизайн, Палитра, Сочетание, Гифка, Ответ на пост, Длиннопост

Набор сочетаний цвета текста и фона

На мини-карточках есть цвет фона, текста и их контраст, чем он выше тем читаемость лучше.

Можно отсортировать наборы по контрасту, времени и просмотрам.

Продолжение поста «Генератор градиентов и палитры по картинкам» Градиент, Цвет, Сайт, Интересные сайты, HTML, CSS, Проект, Веб-дизайн, Палитра, Сочетание, Гифка, Ответ на пост, Длиннопост

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

Продолжение поста «Генератор градиентов и палитры по картинкам» Градиент, Цвет, Сайт, Интересные сайты, HTML, CSS, Проект, Веб-дизайн, Палитра, Сочетание, Гифка, Ответ на пост, Длиннопост

Генерация сочетаний цвета текста и фона

К наборам добавил генерацию и для пользователей.

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

Продолжение поста «Генератор градиентов и палитры по картинкам» Градиент, Цвет, Сайт, Интересные сайты, HTML, CSS, Проект, Веб-дизайн, Палитра, Сочетание, Гифка, Ответ на пост, Длиннопост

Огромное спасибо за комментарии в предыдущем посте, я всё записал и уже что-то добавил.

Буду рад критике и советам.


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


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

Графический и Веб-дизайн

618 постов11.6K подписчиков

Добавить пост

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

Можно:


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


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


Нельзя:


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

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

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


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


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

Подробнее
Лучшие посты за сегодня
8798

Трудовик уволился!

7743

У китайцев свой подход

У китайцев свой подход Китай, Ислам, Религия, Коммунизм, Идеология, Экстремизм, Мусульмане
5931

ОСАГО

ОСАГО
5389

Безопасность

Безопасность
4556

Справедливости не существует

4473

Ответ на пост «Я шестой!»

4375

Голубая кровь

Голубая кровь Юмор, Картинка с текстом, Том и Джерри, Кровосмешение
Показать полностью 1
4320

Ответ на пост «Ну зачем же вы так?» 

Показать полностью
4149

Оставили дома что-то важное

Оставили дома что-то важное
4057

Поставщик двора его величества блин

Поставщик двора его величества блин
3810

Маленький герой

Маленький герой История, Криминал, Преступление, Героизм, Негатив
Показать полностью
3470

Что ты сделаешь, если я ворвусь к тебе?

3469

И поздравлять со спасом

И поздравлять со спасом Боты, Twitter, Скриншот
Показать полностью 1
3435

Рецепты любимой жены

Рецепты любимой жены Жизнь, Благодарность, Эмоции, Счастье, Истории из жизни, Кулинария, Рецепт, Подарки, День рождения, Книги, Длиннопост
Рецепты любимой жены Жизнь, Благодарность, Эмоции, Счастье, Истории из жизни, Кулинария, Рецепт, Подарки, День рождения, Книги, Длиннопост
Рецепты любимой жены Жизнь, Благодарность, Эмоции, Счастье, Истории из жизни, Кулинария, Рецепт, Подарки, День рождения, Книги, Длиннопост
Рецепты любимой жены Жизнь, Благодарность, Эмоции, Счастье, Истории из жизни, Кулинария, Рецепт, Подарки, День рождения, Книги, Длиннопост
Рецепты любимой жены Жизнь, Благодарность, Эмоции, Счастье, Истории из жизни, Кулинария, Рецепт, Подарки, День рождения, Книги, Длиннопост
Показать полностью 5
3329

А ему вкусно было

А ему вкусно было
3259

Душа компании

Душа компании Отзыв, Голубь, Мягкая игрушка, Длиннопост
Душа компании Отзыв, Голубь, Мягкая игрушка, Длиннопост
Душа компании Отзыв, Голубь, Мягкая игрушка, Длиннопост
Душа компании Отзыв, Голубь, Мягкая игрушка, Длиннопост
Душа компании Отзыв, Голубь, Мягкая игрушка, Длиннопост
Душа компании Отзыв, Голубь, Мягкая игрушка, Длиннопост
Душа компании Отзыв, Голубь, Мягкая игрушка, Длиннопост
Душа компании Отзыв, Голубь, Мягкая игрушка, Длиннопост
Показать полностью 8
3084

Узнать надо

Узнать надо
2933

Действительно, как?

2864

Загадочный покупатель

2767

Ответ на пост «Ну зачем же вы так?» 

Показать полностью
Похожие посты закончились. Возможно, вас заинтересуют другие посты по тегам: