Створено 03/12/2023 20:38
Adobe xd ux graphic design ui palette
- Ocean Blue#4455ba
- Waterspout#a3faf2
- Yankees Blue#151a39
- Olive Green#aca669
- Middle Blue Green#97cbc9
- Deep Koamaru#2f365f
Палітра містить напівтемний, світлий, темний кольори. Акцентні кольори Ocean Blue #4455ba та Waterspout #a3faf2. Палітра має температуру кольорів Холодний, Теплий.
За світлістю палітра сягає від #151A39 (найтемніший) до #A3FAF2 (найсвітліший). Діапазон світлості широкий.
Насиченість у середньому діапазоні.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #151A39, #2F365F, #4455BA, #97CBC9, #A3FAF2, #ACA669
Палітра Adobe xd ux graphic design ui palette містить комбінацію з 6 кодів кольорів :
HEX: #4455ba, RGB: (68, 85, 186); HEX: #a3faf2, RGB: (163, 250, 242); HEX: #151a39, RGB: (21, 26, 57)
HEX: #aca669, RGB: (172, 166, 105); HEX: #97cbc9, RGB: (151, 203, 201); HEX: #2f365f, RGB: (47, 54, 95)
Спрощений варіант палітри кольорів
Відтінок slateblue, Відтінок paleturquoise, Відтінок midnightblue, Відтінок darkkhaki, Відтінок powderblue, Відтінок darkslateblue
Кольорова схема створена автором palettespicker
Коди кольорів у палітрі
Adobe xd ux graphic design ui palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #4455ba | #4455ba | RGB(68, 85, 186) | Ocean Blue | — |
| #a3faf2 | #a3faf2 | RGB(163, 250, 242) | Waterspout | — |
| #151a39 | #151a39 | RGB(21, 26, 57) | Yankees Blue | — |
| #aca669 | #aca669 | RGB(172, 166, 105) | Olive Green | — |
| #97cbc9 | #97cbc9 | RGB(151, 203, 201) | Middle Blue Green | — |
| #2f365f | #2f365f | RGB(47, 54, 95) | Deep Koamaru | — |
Контраст палітри кольорів
4 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#4455ba | #2f365f | 1.79 |
#a3faf2 | #97cbc9 | 1.49 |
#151a39 | #2f365f | 1.46 |
#aca669 | #97cbc9 | 1.39 |
Зображення палітри Adobe xd ux graphic design ui palette png
Експортувати палітру
Завантажте "Adobe xd ux graphic design ui palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: