Створено 10/31/2022 10:51
Ui insights navigation app palette
- Medium Aquamarine#5bdcb6
- Tulip#fc848c
- Smoky Black#0c0c04
- Old Silver#848484
- Jet Stream#bdd1cd
- Mud#74603c
Палітра містить світлий, темний, напівтемний кольори. Акцентні кольори Medium Aquamarine #5bdcb6 та Tulip #fc848c. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #0C0C04 (найтемніший) до #BDD1CD (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Теплі й холодні зразки доволі збалансовані.
HEX-коди (відсортовано): #0C0C04, #5BDCB6, #74603C, #848484, #BDD1CD, #FC848C
Палітра Ui insights navigation app palette містить комбінацію з 6 кодів кольорів :
HEX: #5bdcb6, RGB: (91, 220, 182); HEX: #fc848c, RGB: (252, 132, 140); HEX: #0c0c04, RGB: (12, 12, 4)
HEX: #848484, RGB: (132, 132, 132); HEX: #bdd1cd, RGB: (189, 209, 205); HEX: #74603c, RGB: (116, 96, 60)
Спрощений варіант палітри кольорів
Відтінок mediumaquamarine, Відтінок lightcoral, Відтінок Чорний, Відтінок Сірий, Відтінок powderblue, Відтінок saddlebrown
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Ui insights navigation app palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #5bdcb6 | #5bdcb6 | RGB(91, 220, 182) | Medium Aquamarine | — |
| #fc848c | #fc848c | RGB(252, 132, 140) | Tulip | — |
| #0c0c04 | #0c0c04 | RGB(12, 12, 4) | Smoky Black | — |
| #848484 | #848484 | RGB(132, 132, 132) | Old Silver | — |
| #bdd1cd | #bdd1cd | RGB(189, 209, 205) | Jet Stream | — |
| #74603c | #74603c | RGB(116, 96, 60) | Mud | — |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#5bdcb6 | #fc848c | 1.4 |
#5bdcb6 | #bdd1cd | 1.06 |
#fc848c | #848484 | 1.57 |
#fc848c | #bdd1cd | 1.49 |
#848484 | #74603c | 1.61 |
Зображення палітри Ui insights navigation app palette png
Експортувати палітру
Завантажте "Ui insights navigation app palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: