Палитра цветов Material Design
Все цвета Material, копирование в один клик.
В палитре Material Design у каждого из 19 оттенков — от красного до сине-серого — десять тонов от 50 до 900, а у большинства ещё четыре ярких акцента от A100 до A700. Кликните по образцу, чтобы скопировать HEX-код, или введите цвет, чтобы найти ближайший цвет Material, — удобно при переносе дизайна в приложение или тему на Material.
Как скопировать цвета Material Design
- Шаг 1
Просмотрите палитру.
- Шаг 2
Кликните по образцу, чтобы скопировать HEX-код.
- Шаг 3
Или введите цвет, чтобы найти ближайший цвет Material.
Почему PhotoTools
Полная палитра
19 оттенков, 254 цвета.
Один клик
HEX-код копируется сразу.
Ближайший цвет
Цвет Material, ближайший к любому цвету.
Поддерживаемые форматы
Результат
- HEX
Частые вопросы
Какой тон считается основным?
Тон 500 — основной для каждого оттенка; светлые тона (50–400) подходят для фонов, тёмные (600–900) — для текста и нажатых состояний.
Что такое тона A?
Акцентные тона (A100–A700) — более яркие и насыщенные варианты для кнопок, переключателей и выделений. У коричневого, серого и сине-серого их нет.
Это бесплатно?
Да. Браузерные инструменты PhotoTools бесплатны, без ограничений и работают без аккаунта.
Мои изображения загружаются на сервер?
Нет. Инструмент работает полностью в браузере на WebAssembly. Изображения не покидают ваше устройство и нигде не сохраняются.