Довідник кольорів Material
Безкоштовний онлайн-інструмент для перегляду та копіювання всіх кольорових кодів Material Design. Знайдіть hex-значення палітри з 256 кольорів одним кліком.
No results found
Як це працює
- Відкрийте інструмент Material Color Reference у своєму браузері.
- Перегляньте повну палітру з 256 кольорів, організованих за колірними сім'ями та відтінками.
- Знайдіть потрібний колір, прокручуючи колірні групи або шукаючи конкретний відтінок.
- Натисніть на зразок кольору, щоб автоматично скопіювати hex-код до буфера обміну.
- Вставте код безпосередньо у ваш CSS, Figma, Sketch або інший дизайнерський інструмент.
Приклад
Вхід: Material Deep Orange 500
Результат: #FF5722
ЧПЗ
Це офіційна кольорова система Google, що містить 256 ретельно підібраних кольорів, організованих у сім'ї, такі як Червоний, Синій, Зелений і Фіолетовий, кожна з яких має кілька рівнів яскравості від світлого до темного.
Так, інструмент повністю безпечний. Уся обробка відбувається безпосередньо у вашому браузері на стороні клієнта, і жодні дані не надсилаються на жодний сервер.
Просто натисніть на зразок кольору або значення hex, і він автоматично скопіюється до вашого буфера обміну.
Так, кольори Material Design є вільнодоступними і широко використовуються у веб-, мобільних і десктопних додатках як для особистих, так і для комерційних цілей.
Більшість колірних сімей включають відтінки від 50 до 900, а деякі кольори також мають акцентні варіанти A100, A200, A400 і A700.