Что такое Палитра Material Design?

Палитра цветов Material Design предоставляет полную цветовую палитру с основными цветами и всеми оттенками (от 50 до 900). Нажмите на образец, чтобы получить точное HEX-значение, готовое к использованию в дизайн-системе или коде.

Как использовать

1. Просмотрите сетку основных цветов Material Design — Red, Pink, Purple, Deep Purple, Indigo, Blue и другие.
2. Нажмите на основной цвет, чтобы развернуть варианты оттенков от самого светлого (50) до самого тёмного (900), включая акцентные оттенки (A100–A700).
3. Кликните по любому оттенку, чтобы скопировать HEX-код, или соберите палитру, выбрав несколько цветов для вашего проекта.

Результат

Вы создаёте дашборд и вам нужен точный цвет Material Design «Indigo 500» (#3F51B5) для основной кнопки и «Indigo 50» (#E8EAF6) для фона при наведении.

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