material design color palette 500
- Vermilion Bird#f44336
- Mellow Melon#e91e63
- Pink Spyro#9c27b0
- Purple Emperor#673ab7
- #3f51b5
- #2196f3
- Democrat#03a9f4
- Maldives#00bcd4
- Approval Green#009688
- #4caf50
- Hill Lands#8bc34a
- Greenivorous#cddc39
- Pac-Man#ffeb3b
- Marigold#ffc107
- Vitamin C#ff9800
- Smashing Pumpkins#ff5722
Створено 12/22/2025 09:48
Палітра містить світлий, напівтемний кольори. Акцентні кольори Maldives #00bcd4 та Pac-Man #ffeb3b. Палітра має температуру кольорів Теплий, Холодний.
За світлістю палітра сягає від #673AB7 (найтемніший) до #FFEB3B (найсвітліший). Діапазон світлості помірний.
Загалом насиченість здається яскравою (висока хрома) — 75% кольорів яскраві.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Загалом температура зміщена в бік холодного (9 із 16).
HEX-коди (відсортовано): #009688, #00BCD4, #03A9F4, #2196F3, #3F51B5, #4CAF50, #673AB7, #8BC34A, #9C27B0, #CDDC39, #E91E63, #F44336, #FF5722, #FF9800, #FFC107, #FFEB3B
Палітра material design color palette 500 містить комбінацію з 16 кодів кольорів :
HEX: #f44336, RGB: (244, 67, 54); HEX: #e91e63, RGB: (233, 30, 99); HEX: #9c27b0, RGB: (156, 39, 176)
HEX: #673ab7, RGB: (103, 58, 183); HEX: #3f51b5, RGB: (63, 81, 181); HEX: #2196f3, RGB: (33, 150, 243)
HEX: #03a9f4, RGB: (3, 169, 244); HEX: #00bcd4, RGB: (0, 188, 212); HEX: #009688, RGB: (0, 150, 136)
HEX: #4caf50, RGB: (76, 175, 80); HEX: #8bc34a, RGB: (139, 195, 74); HEX: #cddc39, RGB: (205, 220, 57)
HEX: #ffeb3b, RGB: (255, 235, 59); HEX: #ffc107, RGB: (255, 193, 7); HEX: #ff9800, RGB: (255, 152, 0)
HEX: #ff5722, RGB: (255, 87, 34)
Спрощений варіант палітри кольорів
Темний відтінок Томатний, Світлий відтінок Малиново-червоний, Темний відтінок Темна орхідея, Темний відтінок Синьо-фіолетовий, Темний відтінок Сланцево-синій, Світлий відтінок Захисно-синій, Темний відтінок Насичений небесно-блакитний, Темний відтінок Темно-бірюзовий, Світлий відтінок Темний ціан, Темний відтінок Помірний морський зелений, Темний відтінок Жовтозелений, Світлий відтінок Жовтозелений, Темний відтінок Жовтий, Темний відтінок Золотий, Світлий відтінок Темно-помаранчевий, Світлий відтінок Помаранчево-червоний
Кольорова схема створена автором MyPalettes
Коди кольорів у палітрі
material design color palette 500 коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #f44336 | #f44336 | RGB(244, 67, 54) | Vermilion Bird | — |
| #e91e63 | #e91e63 | RGB(233, 30, 99) | Mellow Melon | — |
| #9c27b0 | #9c27b0 | RGB(156, 39, 176) | Pink Spyro | — |
| #673ab7 | #673ab7 | RGB(103, 58, 183) | Purple Emperor | — |
| #3f51b5 | #3f51b5 | RGB(63, 81, 181) | — | — |
| #2196f3 | #2196f3 | RGB(33, 150, 243) | — | — |
| #03a9f4 | #03a9f4 | RGB(3, 169, 244) | Democrat | — |
| #00bcd4 | #00bcd4 | RGB(0, 188, 212) | Maldives | — |
| #009688 | #009688 | RGB(0, 150, 136) | Approval Green | — |
| #4caf50 | #4caf50 | RGB(76, 175, 80) | — | — |
| #8bc34a | #8bc34a | RGB(139, 195, 74) | Hill Lands | — |
| #cddc39 | #cddc39 | RGB(205, 220, 57) | Greenivorous | — |
| #ffeb3b | #ffeb3b | RGB(255, 235, 59) | Pac-Man | — |
| #ffc107 | #ffc107 | RGB(255, 193, 7) | Marigold | — |
| #ff9800 | #ff9800 | RGB(255, 152, 0) | Vitamin C | — |
| #ff5722 | #ff5722 | RGB(255, 87, 34) | Smashing Pumpkins | — |
Контраст палітри кольорів
74 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#f44336 | #e91e63 | 1.18 |
#f44336 | #9c27b0 | 1.71 |
#f44336 | #673ab7 | 1.98 |
#f44336 | #3f51b5 | 1.86 |
#f44336 | #2196f3 | 1.17 |
#f44336 | #03a9f4 | 1.4 |
Палітра із зображення material design color palette 500 png
Експортувати палітру
Завантажте "material design color palette 500" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: