Створено 09/20/2022 12:56
Interaction design interface e-commerce ux
- Maximum Red#d4241c
- Desert Sand#ead09f
- Soldier Green#576126
- Oxley#759970
- Dark Vanilla#c5cfa3
- Old Burgundy#44342c
Палітра містить світлий, напівтемний кольори. Акцентні кольори Maximum Red #d4241c та Desert Sand #ead09f. Палітра має температуру кольорів Теплий, Нейтральний.
За світлістю палітра сягає від #44342C (найтемніший) до #EAD09F (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — 2 приглушених і 2 яскравих із 6 кольорів.
Відтінки лежать у сусідній смузі шириною близько 110° на колі (евристика).
Загалом температура зміщена в бік теплого (4 із 6).
HEX-коди (відсортовано): #44342C, #576126, #759970, #C5CFA3, #D4241C, #EAD09F
Палітра Interaction design interface e-commerce ux містить комбінацію з 6 кодів кольорів :
HEX: #d4241c, RGB: (212, 36, 28); HEX: #ead09f, RGB: (234, 208, 159); HEX: #576126, RGB: (87, 97, 38)
HEX: #759970, RGB: (117, 153, 112); HEX: #c5cfa3, RGB: (197, 207, 163); HEX: #44342c, RGB: (68, 52, 44)
Спрощений варіант палітри кольорів
Відтінок firebrick, Відтінок wheat, Відтінок darkolivegreen, Відтінок darkseagreen, Відтінок palegoldenrod, Відтінок Чорний
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Interaction design interface e-commerce ux коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #d4241c | #d4241c | RGB(212, 36, 28) | Maximum Red | — |
| #ead09f | #ead09f | RGB(234, 208, 159) | Desert Sand | — |
| #576126 | #576126 | RGB(87, 97, 38) | Soldier Green | — |
| #759970 | #759970 | RGB(117, 153, 112) | Oxley | — |
| #c5cfa3 | #c5cfa3 | RGB(197, 207, 163) | Dark Vanilla | — |
| #44342c | #44342c | RGB(68, 52, 44) | Old Burgundy | — |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#d4241c | #576126 | 1.29 |
#d4241c | #759970 | 1.6 |
#ead09f | #c5cfa3 | 1.09 |
#576126 | #44342c | 1.77 |
#759970 | #c5cfa3 | 1.95 |
Зображення палітри Interaction design interface e-commerce ux png
Експортувати палітру
Завантажте "Interaction design interface e-commerce ux" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: