App design ui
- Orange (RYB)#f79a0a
- Topaz#f4cc84
- Pullman Brown (UPS Brown)#674112
- Camouflage Green#7b9363
- Dark Vanilla#d2c4a5
- Rifle Green#425634
Створено 03/13/2023 11:37
Палітра містить світлий, напівтемний кольори. Акцентні кольори Orange (RYB) #f79a0a та Topaz #f4cc84. Палітра має температуру кольорів Теплий, Холодний.
За світлістю палітра сягає від #674112 (найтемніший) до #F4CC84 (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — 2 приглушених і 3 яскравих із 6 кольорів.
Аналогова палітра: відтінки розташовані поруч на колірному колі, в межах близько 62°.
Загалом температура зміщена в бік теплого (4 із 6).
HEX-коди (відсортовано): #425634, #674112, #7B9363, #D2C4A5, #F4CC84, #F79A0A
Палітра App design ui містить комбінацію з 6 кодів кольорів :
HEX: #f79a0a, RGB: (247, 154, 10); HEX: #f4cc84, RGB: (244, 204, 132); HEX: #674112, RGB: (103, 65, 18)
HEX: #7b9363, RGB: (123, 147, 99); HEX: #d2c4a5, RGB: (210, 196, 165); HEX: #425634, RGB: (66, 86, 52)
Спрощений варіант палітри кольорів
Темний відтінок Помаранчевий, Темний відтінок Білий навахо, Темний відтінок Сідельний коричневий, Світлий відтінок Оливково-сірий, Світлий відтінок Рудувато-коричневий, Темний відтінок Темно-оливковий
Кольорова схема створена автором coolor
Коди кольорів у палітрі
App design ui коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #f79a0a | #f79a0a | RGB(247, 154, 10) | Orange (RYB) | — |
| #f4cc84 | #f4cc84 | RGB(244, 204, 132) | Topaz | — |
| #674112 | #674112 | RGB(103, 65, 18) | Pullman Brown (UPS Brown) | — |
| #7b9363 | #7b9363 | RGB(123, 147, 99) | Camouflage Green | — |
| #d2c4a5 | #d2c4a5 | RGB(210, 196, 165) | Dark Vanilla | — |
| #425634 | #425634 | RGB(66, 86, 52) | Rifle Green | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#f79a0a | #f4cc84 | 1.44 |
#f79a0a | #7b9363 | 1.54 |
#f79a0a | #d2c4a5 | 1.27 |
#f4cc84 | #d2c4a5 | 1.13 |
#674112 | #425634 | 1.11 |
#7b9363 | #d2c4a5 | 1.96 |
Палітра із зображення App design ui png
Експортувати палітру
Завантажте "App design ui" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: