10 генераторов палитры для Material Design
Выбор палитры для Material UI часто тормозит из‑за несоответствия цветовых комбинаций и форматов экспорта. В обзоре перечислены конкретные инструменты - Material Palette, Tint ui, Material UP, Material Mixer и другие - с указанием возможностей экспорта, форматов для Material UI и нюансов применения в интерфейсах.
Вы сможете выбрать генератор по критериям экспорта, контрастности и совместимости с Material UI. По итогу получите готовую палитру в формате Material UI, пригодную для прямого импорта в проект.
Material Design Palette Generator
Этот инструмент позволяет быстро и легко создавать или импортировать наборы цветов для разработки собственной, идеальной темы из полностью настраиваемых палитр. После того, как вы настроите тему, присвойте имена теме и палитре, а затем быстро экспортируйте их в любой front-end фреймворк!
Поддерживается экспорт в JSON и AngularJS, Materialize, CSS, Polymer и некоторые другие среды.
Material Palette
MaterialPallete.com - это один из моих любимых генераторов цветов. Удобный пользовательский интерфейс обеспечивает прекрасный опыт взаимодействия. С помощью этого инструмента можно выбрать основные и специальные цвета для своего проекта. Затем вы сможете вывести на предварительный просмотр сгенерированную цветовую палитру и скачать ее различными способами на выбор.
Tint ui
Tint ui - это инструмент для выбора цвета из стандартных палитр Material Design, iOS, Flat UI Colors и Windows.
Material UI
Material UI - включает в себя основные и специальные цвета, которые могут быть использованы для иллюстраций или разработки палитры бренда. Вы начинаете создавать цветовую палитру с основных цветов, а затем дополняете ее оттенками для создания полной палитры. Палитру можно использовать под Android, Web и iOS. Сервис предлагает на выбор 500 цветов в качестве основного цвета приложения, а также дополнительные цвета в качестве специальных.
Material Colors
MaterialColors.com - простой ресурс для тестирования и быстрого копирования цветов Material Design. Этот инструмент отображает только 500 основных и 200 специальных оттенков.
Designskillz Material design
Этот простой инструмент поможет визуализировать все образцы цветов материального дизайна вместе с их официальными названиями (например, Pink, Light Blue и т.д.).
Material UP
Сервис отображает основные цвета друг рядом с другом. При нажатии на одну "панель цвета" выводятся все оттенки, связанные с этим основным цветом.
Material Mixer
Инструмент Material Mixer позволяет подбирать сочетание первичных и вторичных цветов. Основываясь на принципах материального дизайна от Google, программа вычисляет оттенки и тона, а также позволяет выбрать резервные цвета для каждого первичного и вторичного (специального) цвета. Выберите первичный и «А» (специальный) цвета и посмотрите, как они сочетаются друг с другом.
Random Material Generator
Позвольте инструменту Random Material Generator выбрать для вас цвета Material Design случайным образом.
Malette
Инструмент выбора цвета для палитры материального дизайна от Google.
Комментарии