Цвета сложные. Обычное дело — час за часом настраивать цветовые комбинации для проекта. Независимо от того, являетесь ли вы веб-дизайнером или разработчиком с бесконечным количеством возможных цветовых комбинаций, может быть сложно решить, какие цвета использовать на вашем сайте или в приложении. Итак, в этом посте я собрал несколько лучших инструментов для создания наборов цветов для дизайнера и разработчика.
Nord
Арктическая, северно-голубоватая цветовая палитра. В общей сложности шестнадцать тщательно отобранных приглушенных пастельных тонов для создания приятной для глаз, но в то же время яркой атмосферы. Создан для четких, лаконичных и элегантных дизайнов с минималистичным и плоским стилем. Для выделения синтаксиса он призван обеспечить беспрепятственный фокус на важных частях кода, хорошую читаемость и быстрое визуальное различие между различными элементами синтаксиса. Nord состоит из четырех названных цветовых палитр, обеспечивающих различные синтаксические значения и цветовые эффекты для темных и ярких дизайнов.
Сортированные цвета CSS
Инструмент для сортировки названных цветов CSS таким образом, чтобы отображать связанные цвета вместе.
Счастливые оттенки
Happy Hues решает проблему незнания, как применить цветовую палитру к вашему дизайну. Он не только вдохновляет вас на создание цветовой палитры, но и на реальном примере показывает, как можно использовать цвета для фона, заголовка, иллюстраций и т. Д.
Цвет
Создавайте, визуализируйте и документируйте доступные цветовые палитры.
Ева Дизайн-система
Введите цвет своего бренда и получите красивую цветовую комбинацию, созданную AI. Уникальная цветовая система упрощает создание поддонов, позволяя выбрать потрясающую цветовую схему для вашего следующего продукта. Включен простой экспорт. Это совершенно бесплатно.
Цветовое колесо AI
Автоматически подбирайте цвета для графического дизайна, логотипов и иллюстраций. Посмотрите, как ваши дизайны перекрашиваются в стиле классических и современных течений.
Средство выбора цвета данных
Полезный инструмент для создания палитр визуализации данных. Эта палитра цветов позволяет указать обе конечные точки палитры. Вы можете выбрать хотя бы один цвет бренда, что дает вам значительную гибкость при создании палитры, которая будет работать для ваших визуализаций, но при этом настраиваться для вашего бренда.
Цветовая палитра A11y
Этот инструмент должен помочь вам визуализировать всю палитру всех цветовых комбинаций с учетом доступности. Комбинации отсортированы по коэффициенту цветовой контрастности. Попробуйте использовать эти образцы цветов, а затем создайте собственную палитру.
Palettte
Это лучший инструмент, который я нашел для визуализации и редактирования цветовых палитр. Он помогает вам создавать, анализировать и редактировать плавные цветовые палитры. Точная настройка градиентов оттенка, насыщенности и значений ваших палитр. Импортируйте существующие цветовые схемы, найдите ошибки или автоматически найдите наиболее похожие цвета из новой палитры в список устаревших цветов из вашей кодовой базы.
Генератор палитры Material Design
Получите идеальные цветовые палитры Material Design из любого шестнадцатеричного цвета.
Sim Daltonism
Sim Daltonism — симулятор дальтонизма для iOS и Mac. Он принимает прямую видеотрансляцию с камеры на iOS и фильтрует ее в реальном времени с помощью алгоритма моделирования дальтонизма.
Контраст
Приложение macOS для быстрого доступа к цветовой контрастности WCAG.
Color Review
Мы по-разному воспринимаем контраст в разных цветах. Из-за того, как работают наши глаза, синий текст на белом фоне будет намного легче читаться, чем желтый. Когда вы разрабатываете для людей, в какой бы то ни было среде, всегда нужно помнить об этом. Это современный инструмент для исследования и поиска доступных цветов. Убедитесь, что все могут видеть ваши творения.
Colorgrab
Легко украсть красивые цвета из снимков Dribbble.
Color Claim
ColorClaim прост. Все, что я делаю, это собираю свои любимые цветовые комбинации на одной большой странице. Обычно такие сочетания очень тонкие, один основной и один акцентный.
Hue
Hue — это коллекция подобранных вручную цветовых палитр, которые вдохновят вас на дизайн и сделают красивый веб-сайт и приложение. Оттенок настолько чистый, насколько и кажется, и его простоту трудно игнорировать. Никаких излишеств, только цвета, и просто весело просматривать. Система основана на правиле цветового соотношения 60-30-10 и помогает вам сбалансировать и применить цвета к вашему дизайну.
Colorhexa
ColorHexa.com — это бесплатный инструмент для работы с цветом, предоставляющий информацию о любом цвете и генерирующий соответствующие цветовые палитры для ваших дизайнов (например, дополнительные, аналогичные, триадные, тетрадические или монохроматические цветовые схемы). Просто введите любое значение цвета в поле поиска, и ColorHexa предложит подробное описание и автоматически преобразует его в его эквивалент в шестнадцатеричном формате, RGB, CMYK, HSL, HSV, CIE-LAB / LUV / LCH, Hunter-Lab, XYZ, xyY и Двоичный.
Polarite.app
Polarite — это приложение для принятия решений с помощью машинного обучения для создания гармоничных цветовых схем.
Цветовые схемы
Это бесплатно, легко, и вы больше нигде не найдете такого поддерживающего сообщества «ярких» людей.
Доступные цвета бренда
Этот инструмент показывает, насколько ваши цвета соответствуют требованиям ADA по отношению друг к другу. Добавив цвета вашего бренда справа, вы можете создать диаграмму, чтобы увидеть, как их можно использовать вместе для обеспечения доступности, и найти похожие цвета, которые работают лучше.
Colorbox
Colorbox — это инструмент для создания наборов цветов, открытый командой дизайнеров Lyft. Этот инструмент поможет вам избежать выбора некрасивых цветовых сочетаний.
Culr
Совместимые цвета подобраны и превращены в качественные палитры, которые вы можете использовать. Больше не нужно ломать голову над поиском правильных цветовых сочетаний!
Sip
Современная палитра цветов, созданная для дизайнеров и разработчиков, которая позволяет собирать, систематизировать и редактировать цвета. Используйте Sip, чтобы делиться цветами со всеми и связывать их между своими другими инструментами.
Генератор цветовой палитры
Сделайте цветовые схемы. Введите URL-адрес изображения, чтобы получить цветовую палитру, соответствующую изображению. Это полезно для создания цветовой схемы веб-сайта, которая соответствует стандартной фотографии, с которой клиент хочет работать.
