Он лайн инструмент для смешивания любых цветов. Колор Миксер / Color Mixer
Сайт где можно смешивать любые цвета, получать и смотреть на результаты их смешивания. Колор Миксер / Color Mixer.
Сайт где можно смешивать любые цвета, получать и смотреть на результаты их смешивания. Колор Миксер / Color Mixer.
Drop-In CSS (https://www.dropincss.com/) - удобное средство, предназначенное для упрощения процесса создания цветовых схем для сайта. С помощью Drop-In CSS вы сможете без труда придать стиль своему веб-проекту, не прибегая к ручному выбору и кодированию цветов.
Drop-In CSS упрощает процесс создания цветовой палитры для сайта. Это идеальное решение для тех, кому нужен быстрый и простой способ придать веб-страницам изысканный вид.
Начните с посещения сайта. Используйте эту страницу в качестве справочного материала о том, как будет выглядеть ваш сайт (шрифт, макет, цветовая схема и т. д.). Изучите варианты цветов и выберите те, которые соответствуют тематике и брендингу вашего сайта.
Нажатие кнопки «Download CSS» загрузит минимифицированный CSS-файл с выбранной вами цветовой схемой для загрузки на любой веб-сайт. Стоит отметить, что страницы сбросит все значения.
Источник: https://t.me/TechLiveHack/201
Сайт покажет как выглядит твоё имя в цветовой палитре. Принимает только Английский текст, Русский не дает напечатать. Можно написать имя или даже полностью Ф.И.О.
Мы постарались сделать каждый город, с которого начинается еженедельный заед в нашей новой игре, по-настоящему уникальным. Оценить можно на странице совместной игры Torero и Пикабу.
Реклама АО «Кордиант», ИНН 7601001509
Привет, Пикабу!
Расскажу, что нового появилось на моём проекте Gradients.app. Он про работу с цветом, палитрами и градиентами. 1 пост и 2 пост по проекту.
Color picker или инструмент пипетка
Вы можете загрузить изображение и наведением курсора определить цвета на ней. Выбранные цвета можно объединяются в палитру. Нажав на выбранный цвет вы получаете его код в HEX и RGB, а по нажатию на код, значение копируется в буфер. Можно удалить лишний цвет двойным кликом по кругу на картинке.
Средний цвет изображения
После загрузки изображения скрипт проходит по её пикселям и вычисляет средний цвет всей фотографии. Фон это и есть средний цвет, вверху HEX код этого цвета и ссылка на подробную информацию об этом цвете: разные цветовые системы, комбинации с текстом, оттенки и д.р. Расскажу об этом чуть ниже.
Конвертер цветов
Выбираете нужный цвет на панели цветов и он сразу меняется в форматах HEX, RGB, CMYK, HLS и HSV. Но можно и поменять значения цвета в любой его системе и он тоже поменяется везде. Можно подобрать случайный цвет нажав на кнопку.
Часто приходилось менять форматы по рабочим делам, а открывать фотошоп или консоль браузера не всегда удобно и быстро. В других онлайн конвертерах не меняет всё сразу, надо выбрать из какого формата переводить цвет и эти переключения бесили.
Краткая информация о цвете
https://gradients.app/ru/color/4929b4 в конце ссылки стоит hex код, можно сразу вписывать ссылку в адресную троку или менять на страницу. Ниже скриншоты страницы.
В первой части разные системы цветов и температура цвета.
Небольшое количество оттенков выбранного цвета. Светлые, тёмные и серые.
Цветовые сочетания (цветовой круг) и контрасты с разными цветам
Из новинок это всё.
Очень хочется узнать ваше мнение, что хорошо, а что неудобно и плохо.
Если будет интересно, сделаю пост про внутрянку проекта, разные статисти и метрики, как развивался и т.д.
P.S. вдруг кто-то из вас может помочь с переводом на другие языки или проверить текущие переводы, это было бы очень круто.
Большое спасибо!
Привет, пикабу!
Прошло 3 месяца с первого поста про мой проект — Gradients.app, он про цвета и градиенты.
Расскажу про изменения и обновления за это время.
Вращение градиента
Вращение градиента появилось в мини-карточке, на подробной странице и при генерации нового градиента. Выбирайте нужный угол поворота и скачивайте градиент под выбранным углом. В мини-карточках градиент скачивается в размере 1920 на 1080 px.
Новый вид страницы градиента
Добавление градиента в общую ленту
Зарегистрированные пользователи могут добавить свои градиенты в общую ленту.
Сгенерируйте градиент → сохраните в профиль → перейдите в мои градиенты → отправьте в общую ленту.
Пользователю придёт письмо о добавлении в общую ленту и ссылка на градиент.
Генерация градиентов без грязных переходов
Случайная генерация градиентов теперь красивая, не появляются грязные переходы, а цвета рассчитываются по HSL модели.
Появился инструмент смешивания цветов
Можно выбрать до 4х цветов и два режима смешивания RGB и HSL.
Просто про режимы RGB и HSL:
Смешивая синий и желтый в RGB вы получите серый цвет, а в режиме HSL зеленый. В RGB между синим и желтым на цветовом круге серый цвет поэтому их сложение его и даст, а в HSL получится дуга т.к. цвета на разном уровне.
Появился генератор оттенков
Выбирайте цвет и количество оттенков от 3 до 36. Оттенки генерируются в сторону белого, серого и черного цвета.
Набор сочетаний цвета текста и фона
На мини-карточках есть цвет фона, текста и их контраст, чем он выше тем читаемость лучше.
Можно отсортировать наборы по контрасту, времени и просмотрам.
На подробной странице сочетания добавлен заголовок, абзац текста со всеми буквами алфавита и различные начертания шрифта.
Генерация сочетаний цвета текста и фона
К наборам добавил генерацию и для пользователей.
Пользователь может сгенерировать все цвета случайно или каждый по отдельности. Под цветами добавлены подсказки читаемости для заголовков и обычного текста по стандартам WCAG.
Огромное спасибо за комментарии в предыдущем посте, я всё записал и уже что-то добавил.
Буду рад критике и советам.
Ссылка на сайт — https://gradients.app/ru
Спасибо, всем!
Всем привет! Итак, ситуация: клиент https://begeton.com/ попросил сделать текст на главной (Частные объявления, Скидки и акции...) чернее...
И все бы ничего, но текст уже чернее некуда:
color: #000;
На мои вопросы я получил ответ:
"Твой черный недостаточно черный!"
Привет, пикабу!
Делюсь своим проектом Gradients.app, занимаюсь им в свободное время и очень жду замечаний и предложений. Проект может пригодиться дизайнерам и иллюстраторам — тут про цвета и градиенты.
Набор градиентов
На сайте можно скачать градиенты разных размеров в PNG, скопировать цвета по отдельности и CSS-коды градиентов. Градиенты сортируются по цветам, скачиваниям и дате. Градиентов на сегодня 87, добавляю их самостоятельно, если у вас есть классные сочетания — буду рад их добавить.
Можно провалиться внутрь карточки градиента, там будет больше информации и разные размеры для скачивания. Для веб-дизайнера есть CSS-код градиента, а для иллюстраторов — цвета в RGB, CMYK, HEX и HSL.
Генератор градиентов
Можно делать градиенты самим: подбирать цвета, смотреть разные сочетания. Есть возможность выбрать от 1 до 5 цветов, скачивать в FHD, копировать CSS-код и рандомно менять цвета всего градиента или по отдельности.
Наборы палитр
Потом я добавил на сайт ещё один раздел — цветовые схемы. Загрузил картинки в разных стилях, с разными палитрами. Эти палитры можно использовать для оформления сайтов, графического дизайна или даже дизайна интерьеров.
Схемы можно отфильтровать по цветам и скопировать HEX-код каждого цвета палитры. На подробной странице схемы цвета применяются к небольшому web-шаблону: блоки, кнопки и другие элементы раскрашиваются под выбранную палитру.
Генератор палитры по фото
Ещё можно загрузить любую картинку или фотографию и определить палитру на ней. Изображение разбивается на 10 основных цветов. Есть подробные блоки с яркими, приглушенными, темными, светлыми и противоположными цветами. У всех цветов можно скопировать HEX-код.
Проект переведен на английский и частично на китайский язык.
Буду рад критике и идеям, может что-то вышло неудобно и непонятно.
Ссылка на сайт — https://gradients.app/ru
Спасибо, всем!
Захотелось роллов пожевать. Посмотрел что есть поблизости. Наткнулся на такой вот сайт. Написать им что ли в отзывах чтобы сменили дизайн сайта )
Конкурс мемов объявляется открытым!
Выкручивайте остроумие на максимум и придумайте надпись для стикера из шаблонов ниже. Лучшие идеи войдут в стикерпак, а их авторы получат полугодовую подписку на сервис «Пакет».
Кто сделал и отправил мемас на конкурс — молодец! Результаты конкурса мы объявим уже 3 мая, поделимся лучшими шутками по мнению жюри и ссылкой на стикерпак в телеграме. Полные правила конкурса.
А пока предлагаем посмотреть видео, из которых мы сделали шаблоны для мемов. В главной роли Валентин Выгодный и «Пакет» от Х5 — сервис для выгодных покупок в «Пятёрочке» и «Перекрёстке».
Реклама ООО «Корпоративный центр ИКС 5», ИНН: 7728632689