Створено 11/05/2022 20:44
App design ui ux colors
- Orange-Yellow (Crayola)#f4d264
- Buff#f4dc83
- Golden Brown#9c6c14
- Olive Green#a4a161
- Khaki (HTML/CSS)#c8a894
- Coffee#685530
Палітра містить світлий, напівтемний кольори. Акцентні кольори Orange-Yellow (Crayola) #f4d264 та Buff #f4dc83. Палітра має температуру кольорів Теплий.
За світлістю палітра сягає від #685530 (найтемніший) до #F4DC83 (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — є приглушені й більш яскраві акценти.
Розподіл відтінків нагадує переважно аналогову групу (евристика, не суворе правило).
Загалом температура зміщена в бік теплого.
HEX-коди (відсортовано): #685530, #9C6C14, #A4A161, #C8A894, #F4D264, #F4DC83
Палітра App design ui ux colors містить комбінацію з 6 кодів кольорів :
HEX: #f4d264, RGB: (244, 210, 100); HEX: #f4dc83, RGB: (244, 220, 131); HEX: #9c6c14, RGB: (156, 108, 20)
HEX: #a4a161, RGB: (164, 161, 97); HEX: #c8a894, RGB: (200, 168, 148); HEX: #685530, RGB: (104, 85, 48)
Спрощений варіант палітри кольорів
Відтінок gold, Відтінок хакі, Відтінок darkgoldenrod, Відтінок darkkhaki, Відтінок tan, Відтінок saddlebrown
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
App design ui ux colors коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #f4d264 | #f4d264 | RGB(244, 210, 100) | Orange-Yellow (Crayola) | — |
| #f4dc83 | #f4dc83 | RGB(244, 220, 131) | Buff | — |
| #9c6c14 | #9c6c14 | RGB(156, 108, 20) | Golden Brown | — |
| #a4a161 | #a4a161 | RGB(164, 161, 97) | Olive Green | — |
| #c8a894 | #c8a894 | RGB(200, 168, 148) | Khaki (HTML/CSS) | — |
| #685530 | #685530 | RGB(104, 85, 48) | Coffee | — |
Контраст палітри кольорів
8 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#f4d264 | #f4dc83 | 1.08 |
#f4d264 | #a4a161 | 1.81 |
#f4d264 | #c8a894 | 1.5 |
#f4dc83 | #a4a161 | 1.96 |
#f4dc83 | #c8a894 | 1.62 |
#9c6c14 | #a4a161 | 1.71 |
Зображення палітри App design ui ux colors png
Експортувати палітру
Завантажте "App design ui ux colors" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: