Хотите стать автором
и делиться своим опытом?
Дайте нам знать!





Станьте автором #факюдесигн

Вы специалист своего дела? Являетесь дизайнером, программистом или иллюстратором? Хотите поделиться опытом с читателями? Есть интересные кейсы? Тогда оставляйте заявку, чтобы мы могли связаться с вами и продолжить общение.

Спасибо за проявленный интерес. Мы с вами свяжемся!

Генераторы цветов и градиентов, готовые решения и другие инструменты для работы с цветом и градиентами.

 

Генераторы цветов

0to255
Инструмент, который помогает найти вариации любого цвета.

Adobe Color Выбор #факюдесигн
Создание цветовой схемы самому, либо по фотографии. Также можно посмотреть там популярные или часто используемые схемы + тенденции в моде, дизайне, архитектуре, природе и т.д.

Cohesive Colors
Создаёт подходящие цветовые схемы.

Color Combos
Большой портал различных инструментов работы с цветом.

Colorexplorer
Набор инструментов для работы с цветовой палитрой.

Color Favs Выбор #факюдесигн
Подборки палирт и цветов, а также возможность создания палитры из изображения по URL или случайную.

Color Hailpixel
Перемещайте мышку по экрану, скрольте вверх-вниз и выбирайте подходящий цвет.

Color-hex
Предоставит информацию о цветовых моделях (RGB, HSL, HSV и CMYK), триады цветов, монохромных и аналогичных, а также генерирует простой код CSS для выбранного цвета.

Colorhexa Выбор #факюдесигн
Этот инструмент расскажет всё о вашем цвете: общую информацию, преобразование, цветовые схемы, похожие цвета, предварительный просмотр этого цвета (текст, фон, линии, код), оттенки, тона и как видят этот цвет люди с дефицитом цветового зрения.

Colormind
Генерирует цветовые палитры с нуля или можно задать один цвет, а инструмент создаст дополнительные.

Colorsupplyyy
Инструмент подбора цвета с наглядными примерами применения.

Colourco Выбор #факюдесигн
Сборки цвета и подбор монохромных цветов, аналоговых и дополнительных с возможностью скачать.

Coolors Выбор #факюдесигн
Генерирует палитры и имеет большую коллекцию уже готовых.
Есть приложение для iPhone, IPad.

ColorSpace
Генератор цветовых палитр и инструмент «Цветовой градиент».

Culrs Выбор #факюдесигн
Инструмент для работы с цветом, в котором можно выбрать палитру по эмоциям: счастье, грусть, гнев, надежда; по определённому возрасту, пола и вида деятельности; трендовые цвета последних лет; географические цвета.

HTML Color Codes Выбор #факюдесигн
Большой ресурс для работы с цветом. Можно выбрать идеальный цвет, найти ему взаимосоответствие из дополнительных, триадных, тетрадных, аналогичных цветов, а также подобрать оттенки и тона + учебная информация по работе с цветом.

Material Palette
Выбираем цвета, а система подбирает правильные оттенки.

Muzli Colors Выбор #факюдесигн
Генератор цветовой палитры.

Name that Color Выбор #факюдесигн
Подбираете цвет, а инструмент выдаёт названия этого цвета. Также можно выбрать из имеющихся названий цветов. Теперь вы всегда будуте знать, как выглядит цвет лаванды или сирени.

RandomMaterialPalette
Генератор случайных цветовых палитр.

 

Цвет по фото

Color Extraction
Загрузите изображение или вставьте ссылку на него и извлеките из него цвета.

Color Favs Выбор #факюдесигн
Подборки палирт и цветов, а также возможность создания палитры из изображения по URL или случайную.

Color Leap Выбор #факюдесигн
Поиск в 180 цветовых палитрах, использованных за последние 4000 лет.

Colrd
Откройте для себя новые цвета, палитры, градиенты, паттерны и цвета на фотографиях.

Palette Generator
Загрузите картинку и получите цветовую палитру на основе неё.

 

Готовые цвета

Brand Colors Выбор #факюдесигн
Коллекция официальных цветов крупнейших мировых брендов.

Color and Color
Автоматически созданные пары для цветов.

ColorDrop Выбор #факюдесигн
Цветовые палитры, флат-цвета на любой вкус.

Color Hunt Выбор #факюдесигн
Подборки цветовых палитр.

Color Lisa
Список цветовых палитр на основе шедевров мировых художников.

Colour Lovers Выбор #факюдесигн
Коллекция цветов, узоров и палитры для создания фонов.

DesignSeeds
Вдохновляющие подборки сочетания цветов и фотографий.

Flat Colors
Большая коллекция цветов и палитр.

Flat UI Color Picker
Подборка цветов в стиле Flat. Показывает в RGB, HEX, CMYK и т.д.

HappyHues
Цветовые палитры, которые можно сразу посмотреть на сочетания в использовании.

Hello Color
Показывает случайное сочетания двух цветов на примере фона и текста.

In Color Balance Выбор #факюдесигн
Собранные вручную цветовые решения на основе фотографий разных оттенков.

Material UI Выбор #факюдесигн
Цвета Material UI, Flat UI, Metro, HTML и социальных сетей.

Pigment Выбор #факюдесигн
Уникальный способ генерировать свежие и яркие цвета на основе освещения и пигмента, а не математики.

Tint UI
Оттенки цветов Material Design.

Другие находки

+50 оттенков вашего любимого цвета.

Палитра с названиями цветов.

Названия, пожалуй, всех имеющихся цветов и оттенков.

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

 

Генераторы градиентов

CSS Gradient Выбор #факюдесигн
Большая коллекция градиентов.

ColorSpace
Генератор градиентов в два и три цвета.

Grabient Выбор #факюдесигн
Инструмент создания градиентов и экспорта их в CSS.

Gradient Animator Выбор #факюдесигн
Генератор анимированных CSS-градиентов.

 

Готовые градиенты

100 Free Gradients
100 бесплатных современных градиентов.

Colorful Gradients
Автоматически созданные градиенты.

Coolhue
Коллекция градиентов.

Free Mesh Gradient Collection Выбор #факюдесигн
100 градиентов в .sketch, .png, .ai, .jpg, .eps

Gradient Hunt Выбор #факюдесигн
Тысячи модных цветовых градиентов в кураторской коллекции, которая обновляется ежедневно.

UI Gradients Выбор #факюдесигн
Подборка градиентов на CSS.

WebGradients
Сборник 180 линейных градиентов для сайтов в форматах CSS3, PNG, Sketch и Photoshop.

Другие находки

Настоящие небесные градиенты от Эрика Кахана.

 

Фоны

Cool Backgrounds Выбор #факюдесигн
Откройте для себя прекрасный выбор классных фонов, которые вы можете добавить в блоги, на веб-сайты или в качестве обоев для рабочего стола и телефона.

 

Анализаторы

Colorable Выбор #факюдесигн
Тестер цветовой контрастности.

Contrast Grid Выбор #факюдесигн
Сервис проверки перекрёстных цветов текста и фона на контраст по сетке различных вариантов.

Cloudflare Design Выбор #факюдесигн
Инструмент цветовой палитры для дизайна интерфейса. Есть поиск цветов по другим сайтам.

HexNaw
Инструмент, который помогает тестировать цветовые схемы на контраст и совместимость.

Stylify Me
Соберёт информацию с сайта о цвете фонов, текстов, типографике с примерами.

Web Colour Data
Соберёт информацию о цветах сайта.

 

Что почитать/посмотреть

Основы цветовой теории (видео).
Readymag Design School про цвет.
Цвет для чайников. Обширное руководство для начинающих.
20 видео-уроков по колористике и комбинированию цветов.

Дизайн в цвете. Цвет — это мощная сила в руках дизайнера.
50 цветовых схем на основе примеров сайтов.
Очень простой алгоритм подбора цвета, который работает.
Алгоритм автоматического подбора к изображению гармоничного цвета
на основе теории цвета Йоханссона Иттена.

Простой гид по цветам для веб-дизайнеров.
Цвет в UI дизайне: Практические приемы.
Как использовать цвета в UI-дизайне.
Как цвет вашего сайта воздействует на психику клиента.

Внимание!
Это не конечный вариант инструментов для работы с цветом и градиентами. Редакция #факюдесигн обновляет материал, постоянно выискивая информацию по заданной теме.

Если вы имеете отношение к какому-либо из представленных ресурсов, и у вас есть вопросы – пишите на почту faq@faqdesign.ru с темой «Вопрос по сервису». Мы обязательно ответим.

Поддержать развитие #факюдесигн

Поделиться этой записью

  1. Есть что добавить? Оставляйте в комментариях к этому материалу ссылки с описанием на те ресурсы, которые, по вашему мнению, должны оказаться в нашей подборке.

Добавить комментарий