Створено 04/29/2021 16:09
Material Design Color Palette (nº16)
deep-orange lighten-5
#fbe9e7
deep-orange lighten-4
#ffccbc
deep-orange lighten-3
#ffab91
deep-orange lighten-2
#ff8a65
deep-orange lighten-1
#ff7043
deep-orange
#ff5722
deep-orange darken-1
#f4511e
deep-orange darken-2
#e64a19
deep-orange darken-3
#d84315
deep-orange darken-4
#bf360c
deep-orange accent-1
#ff9e80
deep-orange accent-2
#ff6e40
deep-orange accent-3
#ff3d00
deep-orange accent-4
#dd2c00
Палітра містить світлий, напівтемний кольори. Акцентні кольори deep-orange lighten-4 #ffccbc та deep-orange lighten-3 #ffab91. Палітра має температуру кольорів Нейтральний, Теплий.
Палітра Material Design Color Palette (nº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 (nº16) коди кольорів HEX, RGB інформація у таблиці
Колір | HEX | RGB | Назва | Альтернативна назва |
#fbe9e7 | RGB(251, 233, 231) | deep-orange lighten-5 | — | |
#ffccbc | RGB(255, 204, 188) | deep-orange lighten-4 | — | |
#ffab91 | RGB(255, 171, 145) | deep-orange lighten-3 | — | |
#ff8a65 | RGB(255, 138, 101) | deep-orange lighten-2 | — | |
#ff7043 | RGB(255, 112, 67) | deep-orange lighten-1 | — | |
#ff5722 | RGB(255, 87, 34) | deep-orange | — | |
#f4511e | RGB(244, 81, 30) | deep-orange darken-1 | — | |
#e64a19 | RGB(230, 74, 25) | deep-orange darken-2 | — | |
#d84315 | RGB(216, 67, 21) | deep-orange darken-3 | — | |
#bf360c | RGB(191, 54, 12) | deep-orange darken-4 | — | |
#ff9e80 | RGB(255, 158, 128) | deep-orange accent-1 | — | |
#ff6e40 | RGB(255, 110, 64) | deep-orange accent-2 | — | |
#ff3d00 | RGB(255, 61, 0) | deep-orange accent-3 | — | |
#dd2c00 | RGB(221, 44, 0) | deep-orange accent-4 | — |
Контраст палітри кольорів
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 |