Как использовать Coolors для вдохновения палитры
Теория цвета и дизайн с использованием цвета – огромные темы, гораздо более обширные, чем можно решить с помощью простого веб-приложения. Тем не менее, инструмент цветовой палитры по-прежнему полезен для тех, кто уже знаком с теорией цвета, и может познакомить с темой любого, кто проявляет мимолетный интерес.
Coolors ставит цветовые палитры в центр всего, позволяя обычным пользователям сохранять палитры в безопасности для последующего использования, а также предоставляет некоторые сложные инструменты для тех, кто хочет копнуть немного глубже.
Начало работы с Coolors
Coolors открывается на главной странице, выделенной жирным шрифтом, на которой демонстрируются предлагаемые услуги. Вы можете сначала зарегистрироваться на сайте здесь, но это не является обязательным требованием для использования службы.
Однако регистрация – это быстрая и безболезненная процедура, несмотря на необходимость создания учетной записи с адресом электронной почты.
Наличие учетной записи позволяет вам создавать закладки для цветов и палитр, чтобы вы могли вернуться к ним позже. Только эта функция заслуживает регистрации.
Сайт хорошо использует все пространство, предоставляемое дисплеем рабочего стола, но он также работает на небольших мобильных экранах. Однако в большинстве случаев использование будет и должно происходить в браузере настольного компьютера.
Изучение существующих палитр
Coolors – это управление цветовыми палитрами. В Coolors цветовая палитра – это просто список, содержащий от двух до 10 отдельных 24-битных цветов.
Самый быстрый способ почувствовать сайт – это увидеть, что уже там есть. Меню Исследовать принимает вас на страницу цвета палитры трендовом, хвастаясь схемы , которые в настоящее время доказывающие популярны.
Идея трендовых цветовых палитр, возможно, немного необычна, но вы также можете отсортировать поток по последним или популярным . Вы даже можете искать практически любой тип значения цвета, используя такие ключевые слова, как «яркий» или «лес».
Каждая палитра отображается в виде серии вертикальных полос, каждая из которых использует один цвет из палитры.
При наведении указателя мыши на полосу она немного расширяется, открывая шестнадцатеричное значение RGB этого цвета, которое можно скопировать в буфер обмена простым щелчком. Это отличный способ найти подходящий цвет или полную палитру, если вы торопитесь.
Создание новых палитр
По умолчанию в разделе « Создать » представлена случайная цветовая палитра с пятью цветами, с которыми вы можете начать работу. Нажатие клавиши пробела производит новый случайный выбор. Это здорово, если вы ищете вдохновения и не знаете, с чего начать!
Каждую палитру можно сохранить или изменить заранее. Вы можете работать с отдельными цветами и корректировать их по оттенку, если они не совсем правильные. Щелкните значок « Просмотр оттенков» , затем выберите альтернативный оттенок из представленных.
Следует отметить один важный момент: палитру изначально легко создать, но в основном она высечена из камня. При изменении палитры будет предложено сохранить ее как новую копию, если вы не сделаете это путем специального редактирования палитры, а не открытия ее в генераторе.
При редактировании цветов в такой палитре доступен только шестнадцатеричный код RGB. Вместо этого мы рекомендуем использовать полный генератор, загрузив палитру, которую вы хотите изменить, а затем сохранить ее как новую палитру перед удалением старой.
Это, пожалуй, самый неудобный аспект веб-приложения Coolors, к которому нужно привыкнуть.
Значок « Сохраненные палитры» переключает боковую панель, на которой отображаются все сохраненные палитры, а также все палитры на всем сайте. Это удобный способ быстрого доступа к любой палитре.
Палитрам могут быть присвоены теги для облегчения поиска, а также их можно сгруппировать в проекты или коллекции (на самом деле между ними нет никакой разницы) для дальнейшего использования.
Извлечение цветов из изображения
Средство выбора изображений извлекает цвета из изображения и на их основе генерирует серию возможных палитр. Вы можете перетащить ползунок, чтобы просмотреть различные палитры или добавить дополнительные цветовые слоты.
Расположение каждого цвета выделено на изображении, и места можно перетаскивать, чтобы выбрать другой цвет. Когда закончите, вы можете сохранить палитру в своей библиотеке или экспортировать ее как файл.
Поиск основной информации с помощью палитры цветов
Палитра цветов ориентирована не столько на причудливые виджеты, хотя их несколько, а на сложные детали одного конкретного цвета. По умолчанию страница выбирает случайный цвет, но это можно отрегулировать, введя прямое шестнадцатеричное значение RGB или выбрав из диапазона палитры цветов.
Выбрав цвет, вы увидите все его различные представления от RGB до XYZ. Варианты будут отображать похожие альтернативные цвета, скорректированные, среди прочего, по оттенку, оттенку или температуре.
Этот раздел становится еще более полным, касаясь различных цветовых гармоний (например, дополнительных), симулятора цветовой слепоты и средства проверки контраста, чтобы увидеть, как цвет работает как текст на белом или черном фоне.
Экспорт палитры
Независимо от того, просматриваете ли вы существующую палитру или создаете свою собственную, у вас будет возможность экспортировать ее в различные форматы, включая:
- CSS для копирования и вставки в таблицу стилей
- Файл изображения, включая SVG
- PDF-файл для демонстрации палитры
Если вы когда-либо набрасывали шестизначный код на стикер или отправляли кому-то сообщение с триплетом RGB, вы поймете, насколько это может сэкономить время, особенно при использовании в более широкой команде.
Когда вы экспортируете свою палитру в формате PDF, Coolors предоставляет вам множество вариантов настройки, некоторые из которых включают метки для использования для каждого цвета в палитре и наборы примеров для включения из различных цветовых пространств.
Это не так сложно, как могла бы создать полноценная дизайн-студия, но он идеально подходит для включения в дизайнерский документ.
Управление палитрами с помощью Coolors
Coolors – это удивительно полнофункциональный сайт, который может многое предложить как обычным колористам, так и преданным дизайнерам.
Сайт представляет собой современное веб-приложение с множеством вариантов исследования цвета, которые вы можете себе представить. Хотя детали могут быть пугающими, сайт достаточно доступен для неспециалистов.