Toolipedia Встроить
RU
← Все инструменты для текста

Генератор палитры Material

Тональные палитры в стиле Material 3 и светлые и тёмные цветовые роли из одного исходного цвета.

  • Бесплатно
  • Без регистрации
  • Работает на любом устройстве

Около Генератор палитры Material

Задайте один исходный цвет, и инструмент построит тональную палитру в стиле Material 3 — от тона 0 (чёрный) до тона 100 (белый), а также светлые и тёмные цветовые роли, такие как primary, on-primary и surface. Таков подход, лежащий в основе тем Material You на Android и веб-компонентов Material Design.

Как пользоваться инструментом «Генератор палитры Material»

  1. Введите исходный цвет, с которого начать.
  2. Просмотрите тональные палитры и светлые и тёмные цветовые роли.
  3. Скопируйте цвета или токены для темы вашего приложения.

Чем полезен этот инструмент?

Другие названия

Частые вопросы

Что такое tones в палитрах Material 3?

Tones — это ступени светлоты от 0 до 100 для одного и того же оттенка и насыщенности. Роли используют определённые ступени, например primary — это ступень 40 в светлых темах и 80 в тёмных.

Что контролирует исходный цвет seed?

Seed задаёт основной тон и насыщенность. Инструмент выводит из него основную, вторичную и третичную тональные палитры, поэтому выберите цвет вашего бренда в качестве seed.

Что такое цветовые роли вроде primary и on-primary?

Роль говорит, для чего цвет. Primary — основной акцент, а on-primary — цвет текста или иконок поверх него, подобранный для читаемого контраста.

Инструмент «Генератор палитры Material» бесплатный?

Да. Инструмент «Генератор палитры Material» на Toolipedia бесплатный: без регистрации и водяных знаков.

Это безопасно?

Да. Все вычисления выполняются в браузере, и ничего из введённого не отправляется на наш сервер.

Работает ли это на телефоне?

Да. Работает в любом современном браузере на Android и iPhone, а также на планшетах и компьютерах. Ничего не нужно устанавливать.

Нужна ли учётная запись?

Нет. Просто откройте страницу и пользуйтесь. Ни регистрации, ни электронной почты не нужно.

Можно ли разместить Генератор палитры Material на моём сайте?

Да. Нажмите кнопку «Встроить на свой сайт» под инструментом, чтобы скопировать короткий фрагмент кода и вставить его на страницу. Это бесплатно, аккаунт не нужен, и инструмент продолжает работать внутри вашей страницы.

Похожие инструменты