Material Design Color Palette
Google Material Design color reference.
Material Design Colors
Pick a color to see all formats
#3B82F6rgb(59, 130, 246)hsl(217, 91%, 60%)Виберіть кольори та отримайте шістнадцяткові, RGB, HSL значення. Ця безкоштовна онлайн-інструкція щодо використання кольорів матеріального дизайну працює прямо у вашому браузері — без завантажень, без реєстрації та без обмежень.
Кольори матеріального дизайну
Використовуйте елементи керування
Використовуйте елементи керування вище, щоб налаштувати свої налаштування
Дивіться попередній перегляд
Переглядайте оновлення попереднього перегляду в реальному часі
Скопіюйте згенерований
Скопіюйте згенерований CSS-код, якщо його задоволено
Вставте код
Вставте код у таблицю стилів вашого проекту
Додати цей інструмент у закладки
Додайте цей інструмент у закладки для майбутніх проектних робіт
Frequently Asked Questions
Чи безкоштовна палітра кольорів Material Design?
Так, кольорова палітра Material Design на 100% безкоштовна, без обмежень, реєстрації чи реклами в результатах.
Чи можу я використати згенерований код у комерційних цілях?
Абсолютно. Увесь створений вами CSS і код дизайну ви можете використовувати в будь-якому проекті.
Чи працює палітра кольорів Material Design на мобільних пристроях?
Так, інструмент повністю адаптивний, хоча робочий стіл забезпечує найкращий досвід для роботи над проектуванням.
Tool Information
Related Tools You Might Like
Color Palette Generator from Image
Extract dominant colors from an image
RGB/HEX Converter
Convert between RGB and HEX color formats
CSS Gradient Generator
Create custom CSS gradients with preview
WCAG Contrast Checker
Check color contrast according to WCAG standards
Digital Signature Generator
Create stylized digital signatures with different fonts
Box Shadow Generator
Generate CSS box shadows
Surfboard Volume Calculator
Calculate the perfect surfboard volume based on your weight, experience level, and wave conditions.
Wave Height Converter
Convert between different wave height measurements (face height, Hawaiian scale, ocean swell).
Scuba Dive Planner
Plan your scuba dive with depth limits, bottom time, and safety decompression requirements.