Все решения на этом сайте мы собираем и для себя в том числе, т.к. сами работаем в этой сфере. И будем только рады, если #факюдесигн станет полезен и в вашей работе над проектами! Однако, для того чтобы переложить всю базу знаний и решений, так сказать, на бумагу, требуется время.
Так что… запасайтесь попкорном!
Не сказать, что это будет весело, но должно быть познавательно!
Это #факюдесигн! Никакой халтуры!
Поехали!

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




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

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

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

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

 

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

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

Adobe Color
Создание цветовой схемы.

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

Colicious
Кликая на экран перебираем разные цвета и подбираем подходящий.

ColorBlender
Инструмент для создания цветовых палитр.

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

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

Color Favs
Подборки палирт и цветов, а также возможность создания своей палитры из изображения.

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

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

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

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

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

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

Contrast Grid
Сервис проверки перекрёстных цветов текста и фона на контраст по сетке различных вариантов.

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

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

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

iWantHue
Генератор цветов и оттенков.

Material Mixer  Выбор #факюдесигн
Палитра цветов с возможностью выбора на примере.

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

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

Palettable
Инструмент пошагового составления цветовых схем.

Paletton
Подберёт сочетающиеся монохромные цвета, прилегающие и подходящую палитру из других цветов.

Palettr
Сформирует подборку цветов по времени года (например, зимние цвета) или другим темам.

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

RGB.to
Покажет информацию по представленному цвету: значения, близкие цвета, цветовые схемы. Сервис также имеет цветовые коды HTML, стандарты для цвета красок и покрытий (RAL Цвета) и Pantone цвета.

 

Генераторы цветов для инфографики и картографии

Colorbrewer2
Инструмент подбора цветов для визуальных данных.

Color Picker for Data  Выбор #факюдесигн
Подбор цветов для создания инфографики, придерживаясь правильного перехода оттенков.

 

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

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

Colr
Простой сайт, который может генерировать цветовые палитры из изображения.

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

Impalette
Сканирует фотографию и вытягивает наиболее близкие цвета этой фотографии.

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

Pictaculous
Генерирует из загруженной картинки имеющиеся цвета.

 

Готовые решения цветов

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

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

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

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

Colorion
Полноцветные палитры, материал и флэт коллекции цветов.

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

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

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

Discover Color
Цветовые палитры с примерами отображения на фотографиях.

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

Flat UI Color Picker
Подборка цветов в стиле Flat.

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

LOL Colors  Выбор #факюдесигн
Подборки палитр.

Material Design Colors
Небольшая подборка цветов в стиле Material Design.

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

Swiss Style Color Picker
Подборки цветов в швейцарском стиле.

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

 

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

Blend
Создание и настройка CSS3 градиентов.

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

Gradient Animator
Генератор анимированных CSS-градиентов.

 

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

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

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

Gradients
Подборка градиентов от Luke Davies.

UI Gradients
Подборка градиентов на CSS.

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

 

Анализаторы

ColorZilla
Расширение «Пипетка» для Chrome и Firefox.

Drop Colorpicker
Красивая панель выбора цвета для MacOC.

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

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

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

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

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

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

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