Генераторы всего чего угодно уже никого не удивят: важно лишь, чтобы они или были полезны, или развлекали, а лучше и то, и другое. Но неоценимую помощь оказывают те генераторы, которые стимулируют нас на что-то. В данном случае продолжать творить. Это как раз и позволяет сервис под названием Coolors.
Впрочем, сгенерировать случайную палитру – дело нехитрое: это можно сделать даже самостоятельно с минимальными навыками программирования. Но этот сервис умеет гораздо больше.
1. Создание палитры с загружаемых фото
Этот инструмент называется Image Picker (пункт Pick palette from photo в выпадающем меню More сверху). Для примера загрузим забавную картинку на космическую тему, вот что получилось:
Тут нужно подвигать ползунок слева вверху, и вы получите целый набор палитр, основанных на разных областях вашей картинки.
2. Подробная информация о разных цветах
Выбрав верхний пункт в том же меню (называется он Color picker), получаем полную информацию о любом цвете:
- его кодировке в различных системах (HEX, RGB, SMYK и ещё около десятка);
- вариациях – тонах, оттенках, цветовой температуре;
- дополнительных цветах с подробным описанием в разных системах;
- похожих цветах.
При первом посещении вам будет выдан случайный цвет с описанием. Чтобы выбрать нужный, нажмите на маленький квадратик справа с образцом цвета:
3. Создание коллажа
Давайте снова немного помучаем нашего инопланетянина и посмотрим на его примере, что умеет этот инструмент:
Тут всё довольно просто: выбираем нужную палитру с помощью ползунка и сохраняем вместе с картинкой. Дизайнеры оценят.
4. Градиенты без лишних хлопот
Тут тоже всё понятно: выбираем нужные цвета слева и справа и получаем плавный цветовой переход, причём количество переходов мы тоже можем настроить:
5. Ещё один инструмент для создания градиентов
Тут настроек гораздо больше, а потому можно заморочиться и создать уже что-то более подробное. Ну, и само собой, есть кнопочка рандомного варианта – для вдохновения.
6. Просто градиенты (да когда же они уже закончатся)
Кому совсем лень, могут заглянуть сюда и выбрать созданные другими пользователями случайные градиенты. Или скопировать понравившиеся цвета. Для этого наведите мышкой на любой цвет и нажмите. Теперь осталось просто нажать Ctrl+V в нужном месте, и название цвета будет туда скопировано.
7. Рассчитываем контрастность текста и фона
Ценнейший инструмент для создателей сайтов: в считанные секунды вы сможете посмотреть, как будет смотреться текст определённого цвета на том или ином фоне. Тут всё понятно и без перевода:
Добавлю, что все эти возможности прячутся под кнопкой More верхнего меню. И всё это совершенно бесплатно здесь.
Спасибо за внимание и следите за новостями: тут будет ещё много всего интересного и полезного – материалов у меня не на один год накопилось :)