Mobile Fintech UI System
- Transaction Green#43a047
- Balance Slate#607d8b
- Limit Red#ef5350
- UI Base Ivory#fefefe
- Touchpoint Blue#2196f3
- Alert Yellow#ffeb3b
Створено 07/07/2025 17:16
Палітра містить світлий кольори. Акцентні кольори Touchpoint Blue #2196f3 та Alert Yellow #ffeb3b. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #607D8B (найтемніший) до #FEFEFE (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — 2 приглушених і 3 яскравих із 6 кольорів.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Загалом температура зміщена в бік холодного (3 із 6).
HEX-коди (відсортовано): #2196F3, #43A047, #607D8B, #EF5350, #FEFEFE, #FFEB3B
Палітра Mobile Fintech UI System містить комбінацію з 6 кодів кольорів :
HEX: #43a047, RGB: (67, 160, 71); HEX: #607d8b, RGB: (96, 125, 139); HEX: #ef5350, RGB: (239, 83, 80)
HEX: #fefefe, RGB: (254, 254, 254); HEX: #2196f3, RGB: (33, 150, 243); HEX: #ffeb3b, RGB: (255, 235, 59)
Спрощений варіант палітри кольорів
Світлий відтінок Лісовий зелений, Темний відтінок Сланцево-сірий, Світлий відтінок Індійський червоний, Темний відтінок Білий, Світлий відтінок Захисно-синій, Темний відтінок Жовтий
Кольорова схема створена автором colorday
Коди кольорів у палітрі
Mobile Fintech UI System коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #43a047 | #43a047 | RGB(67, 160, 71) | Transaction Green | — |
| #607d8b | #607d8b | RGB(96, 125, 139) | Balance Slate | — |
| #ef5350 | #ef5350 | RGB(239, 83, 80) | Limit Red | — |
| #fefefe | #fefefe | RGB(254, 254, 254) | UI Base Ivory | White as Heaven |
| #2196f3 | #2196f3 | RGB(33, 150, 243) | Touchpoint Blue | — |
| #ffeb3b | #ffeb3b | RGB(255, 235, 59) | Alert Yellow | — |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#43a047 | #607d8b | 1.32 |
#43a047 | #ef5350 | 1.05 |
#43a047 | #2196f3 | 1.05 |
#607d8b | #ef5350 | 1.25 |
#607d8b | #2196f3 | 1.39 |
#ef5350 | #2196f3 | 1.11 |
Палітра із зображення Mobile Fintech UI System png
Експортувати палітру
Завантажте "Mobile Fintech UI System" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: