Генератор градиентов, палитр, оттенков, сочетаний цветов и ещё

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

Расскажу, что нового появилось на моём проекте Gradients.app. Он про работу с цветом, палитрами и градиентами. 1 пост и 2 пост по проекту.

Генератор градиентов, палитр, оттенков, сочетаний цветов и ещё Дизайн, Сайт, Инструменты, Интересные сайты, Веб-дизайн, Цвет, Проект, Длиннопост

Color picker или инструмент пипетка

Вы можете загрузить изображение и наведением курсора определить цвета на ней. Выбранные цвета можно объединяются в палитру. Нажав на выбранный цвет вы получаете его код в HEX и RGB, а по нажатию на код, значение копируется в буфер. Можно удалить лишний цвет двойным кликом по кругу на картинке.

https://gradients.app/ru/colorpicker

Генератор градиентов, палитр, оттенков, сочетаний цветов и ещё Дизайн, Сайт, Инструменты, Интересные сайты, Веб-дизайн, Цвет, Проект, Длиннопост

Средний цвет изображения

После загрузки изображения скрипт проходит по её пикселям и вычисляет средний цвет всей фотографии.  Фон это и есть средний цвет, вверху HEX код этого цвета и ссылка на подробную информацию об этом цвете: разные цветовые системы, комбинации с текстом, оттенки и д.р. Расскажу об этом чуть ниже.

https://gradients.app/ru/averagecolor

Генератор градиентов, палитр, оттенков, сочетаний цветов и ещё Дизайн, Сайт, Инструменты, Интересные сайты, Веб-дизайн, Цвет, Проект, Длиннопост

Конвертер цветов

Выбираете нужный цвет на панели цветов и он сразу меняется в форматах HEX, RGB, CMYK, HLS и HSV. Но можно и поменять значения цвета в любой его системе и он тоже поменяется везде. Можно подобрать случайный цвет нажав на кнопку.


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

https://gradients.app/ru/converter

Краткая информация о цвете

https://gradients.app/ru/color/4929b4  в конце ссылки стоит hex код, можно сразу вписывать ссылку в адресную троку или менять на страницу. Ниже скриншоты страницы.

Генератор градиентов, палитр, оттенков, сочетаний цветов и ещё Дизайн, Сайт, Инструменты, Интересные сайты, Веб-дизайн, Цвет, Проект, Длиннопост

В первой части разные системы цветов и температура цвета.

Генератор градиентов, палитр, оттенков, сочетаний цветов и ещё Дизайн, Сайт, Инструменты, Интересные сайты, Веб-дизайн, Цвет, Проект, Длиннопост

Небольшое количество оттенков выбранного цвета. Светлые, тёмные и серые.

Генератор градиентов, палитр, оттенков, сочетаний цветов и ещё Дизайн, Сайт, Инструменты, Интересные сайты, Веб-дизайн, Цвет, Проект, Длиннопост
Генератор градиентов, палитр, оттенков, сочетаний цветов и ещё Дизайн, Сайт, Инструменты, Интересные сайты, Веб-дизайн, Цвет, Проект, Длиннопост

Цветовые сочетания (цветовой круг) и контрасты с разными цветам

Из новинок это всё.

Очень хочется узнать ваше мнение, что хорошо, а что неудобно и плохо.

Если будет интересно, сделаю пост про внутрянку проекта, разные статисти и метрики, как развивался и т.д.


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


Большое спасибо!

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

1K постов12.5K подписчиков

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

Можно:


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


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


Нельзя:


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

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

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


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


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