Створено 05/03/2022 06:10
Adobe xd uidesign ui kits colors palette
- Cerulean Blue#3c54c4
- Blanched Almond#fbf0c9
- Coyote Brown#8c6c38
- Beaver#9f8f6e
- #d0c3a2
- Olive Drab Camouflage#5c4d35
Палітра містить напівтемний, світлий кольори. Акцентні кольори Cerulean Blue #3c54c4 та Blanched Almond #fbf0c9. Палітра має температуру кольорів Холодний, Теплий.
За світлістю палітра сягає від #5C4D35 (найтемніший) до #FBF0C9 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік теплого.
HEX-коди (відсортовано): #3C54C4, #5C4D35, #8C6C38, #9F8F6E, #D0C3A2, #FBF0C9
Палітра Adobe xd uidesign ui kits colors palette містить комбінацію з 6 кодів кольорів :
HEX: #3c54c4, RGB: (60, 84, 196); HEX: #fbf0c9, RGB: (251, 240, 201); HEX: #8c6c38, RGB: (140, 108, 56)
HEX: #9f8f6e, RGB: (159, 143, 110); HEX: #d0c3a2, RGB: (208, 195, 162); HEX: #5c4d35, RGB: (92, 77, 53)
Спрощений варіант палітри кольорів
Відтінок slateblue, Відтінок lemonchiffon, Відтінок darkgoldenrod, Відтінок tan, Відтінок tan, Відтінок dimgrey
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Adobe xd uidesign ui kits colors palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #3c54c4 | #3c54c4 | RGB(60, 84, 196) | Cerulean Blue | — |
| #fbf0c9 | #fbf0c9 | RGB(251, 240, 201) | Blanched Almond | — |
| #8c6c38 | #8c6c38 | RGB(140, 108, 56) | Coyote Brown | — |
| #9f8f6e | #9f8f6e | RGB(159, 143, 110) | Beaver | — |
| #d0c3a2 | #d0c3a2 | RGB(208, 195, 162) | — | — |
| #5c4d35 | #5c4d35 | RGB(92, 77, 53) | Olive Drab Camouflage | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#3c54c4 | #8c6c38 | 1.32 |
#3c54c4 | #5c4d35 | 1.26 |
#fbf0c9 | #d0c3a2 | 1.53 |
#8c6c38 | #9f8f6e | 1.53 |
#8c6c38 | #5c4d35 | 1.68 |
#9f8f6e | #d0c3a2 | 1.81 |
Зображення палітри Adobe xd uidesign ui kits colors palette png
Експортувати палітру
Завантажте "Adobe xd uidesign ui kits colors palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: