Создано 08/11/2025 14:36
Mobile Banking UI Kit
- Balance Blue#2196f3
- Deposit Green#4caf50
- Expense Red#e57373
- Alert Yellow#fff176
- Neutral Gray#b0bec5
- Background White#ffffff
Палитра содержит светлый цвета. Акцентные цвета Balance Blue #2196f3 да Alert Yellow #fff176. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.
По светлоте палитра тянется от #4CAF50 (самый тёмный) до #FFFFFF (самый светлый). Диапазон светлоты умеренный.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #2196F3, #4CAF50, #B0BEC5, #E57373, #FFF176, #FFFFFF
Палитра Mobile Banking UI Kit содержит комбинацию из 6 кодов цветов:
HEX: #2196f3, RGB: (33, 150, 243); HEX: #4caf50, RGB: (76, 175, 80); HEX: #e57373, RGB: (229, 115, 115)
HEX: #fff176, RGB: (255, 241, 118); HEX: #b0bec5, RGB: (176, 190, 197); HEX: #ffffff, RGB: (255, 255, 255)
Упрощенная версия цветов палитры
Тень dodgerblue, Оттенок mediumseagreen, Оттенок lightcoral, Тень хаки, Оттенок Серебряный, Белый
Цветовая схема создана автором hex
Коды цветов в палитре
Mobile Banking UI Kit коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #2196f3 | #2196f3 | RGB(33, 150, 243) | Balance Blue | — |
| #4caf50 | #4caf50 | RGB(76, 175, 80) | Deposit Green | — |
| #e57373 | #e57373 | RGB(229, 115, 115) | Expense Red | — |
| #fff176 | #fff176 | RGB(255, 241, 118) | Alert Yellow | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Neutral Gray | Ocean Drive |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background White | White |
Контраст палитры цветов
9 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#2196f3 | #4caf50 | 1.12 |
#2196f3 | #e57373 | 1.04 |
#2196f3 | #b0bec5 | 1.63 |
#4caf50 | #e57373 | 1.07 |
#4caf50 | #b0bec5 | 1.45 |
#e57373 | #b0bec5 | 1.56 |
Изображение палитры Mobile Banking UI Kit png
Экспорт палитры
Скачайте "Mobile Banking UI Kit" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: