Створено 08/14/2025 08:41
Material Design color palette 16
- #fbe9e7
- #ffccbc
- #ffab91
- #ff8a65
- #ff7043
- #ff5722
- #f4511e
- #e64a19
- #d84315
- #bf360c
- #ff9e80
- #ff6e40
- #ff3d00
- #dd2c00
Палітра містить світлий, напівтемний кольори. Акцентні кольори #ffccbc та #ffab91. Палітра має температуру кольорів Нейтральний, Теплий.
За світлістю палітра сягає від #BF360C (найтемніший) до #FBE9E7 (найсвітліший). Діапазон світлості помірний.
Загалом насиченість здається яскравою (висока хрома).
Розподіл відтінків нагадує переважно аналогову групу (евристика, не суворе правило).
Загалом температура зміщена в бік теплого.
HEX-коди (відсортовано): #BF360C, #D84315, #DD2C00, #E64A19, #F4511E, #FBE9E7, #FF3D00, #FF5722, #FF6E40, #FF7043, #FF8A65, #FF9E80, #FFAB91, #FFCCBC
Палітра Material Design color palette 16 містить комбінацію з 14 кодів кольорів :
HEX: #fbe9e7, RGB: (251, 233, 231); HEX: #ffccbc, RGB: (255, 204, 188); HEX: #ffab91, RGB: (255, 171, 145)
HEX: #ff8a65, RGB: (255, 138, 101); HEX: #ff7043, RGB: (255, 112, 67); HEX: #ff5722, RGB: (255, 87, 34)
HEX: #f4511e, RGB: (244, 81, 30); HEX: #e64a19, RGB: (230, 74, 25); HEX: #d84315, RGB: (216, 67, 21)
HEX: #bf360c, RGB: (191, 54, 12); HEX: #ff9e80, RGB: (255, 158, 128); HEX: #ff6e40, RGB: (255, 110, 64)
HEX: #ff3d00, RGB: (255, 61, 0); HEX: #dd2c00, RGB: (221, 44, 0)
Спрощений варіант палітри кольорів
Відтінок mistyrose, Відтінок mistyrose, Відтінок lightsalmon, Відтінок coral, Відтінок coral, Відтінок orangered, Відтінок orangered, Відтінок orangered, Відтінок Червоний, Відтінок firebrick, Відтінок lightsalmon, Відтінок coral, Відтінок orangered, Відтінок Червоний
Кольорова схема створена автором MyPalettes
Більше палітр з:
Коди кольорів у палітрі
Material Design color palette 16 коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #fbe9e7 | #fbe9e7 | RGB(251, 233, 231) | — | — |
| #ffccbc | #ffccbc | RGB(255, 204, 188) | — | — |
| #ffab91 | #ffab91 | RGB(255, 171, 145) | — | — |
| #ff8a65 | #ff8a65 | RGB(255, 138, 101) | — | — |
| #ff7043 | #ff7043 | RGB(255, 112, 67) | — | — |
| #ff5722 | #ff5722 | RGB(255, 87, 34) | — | — |
| #f4511e | #f4511e | RGB(244, 81, 30) | — | — |
| #e64a19 | #e64a19 | RGB(230, 74, 25) | — | — |
| #d84315 | #d84315 | RGB(216, 67, 21) | — | — |
| #bf360c | #bf360c | RGB(191, 54, 12) | — | — |
| #ff9e80 | #ff9e80 | RGB(255, 158, 128) | — | — |
| #ff6e40 | #ff6e40 | RGB(255, 110, 64) | — | — |
| #ff3d00 | #ff3d00 | RGB(255, 61, 0) | — | — |
| #dd2c00 | #dd2c00 | RGB(221, 44, 0) | — | — |
Контраст палітри кольорів
64 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#fbe9e7 | #ffccbc | 1.22 |
#fbe9e7 | #ffab91 | 1.55 |
#fbe9e7 | #ff8a65 | 1.97 |
#fbe9e7 | #ff9e80 | 1.71 |
#ffccbc | #ffab91 | 1.27 |
#ffccbc | #ff8a65 | 1.61 |
Зображення палітри Material Design color palette 16 png
Експортувати палітру
Завантажте "Material Design color palette 16" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: