Створено 06/26/2025 08:17
Mobile App Builder Cloud
- Panel Blush#f9a8d4
- Touch Teal#5eead4
- Navigation Ink#111827
- Gradient Cream#fdf6ec
- Input Gray#9ca3af
- Action Coral#fb7185
- Lite Cloud#f8fafc
Палітра містить світлий, темний кольори. Акцентні кольори Touch Teal #5eead4 та Action Coral #fb7185. Палітра має температуру кольорів Нейтральний, Холодний, Теплий.
За світлістю палітра сягає від #111827 (найтемніший) до #F8FAFC (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Більшість зразків читаються як нейтральні за температурою.
HEX-коди (відсортовано): #111827, #5EEAD4, #9CA3AF, #F8FAFC, #F9A8D4, #FB7185, #FDF6EC
Палітра Mobile App Builder Cloud містить комбінацію з 7 кодів кольорів :
HEX: #f9a8d4, RGB: (249, 168, 212); HEX: #5eead4, RGB: (94, 234, 212); HEX: #111827, RGB: (17, 24, 39)
HEX: #fdf6ec, RGB: (253, 246, 236); HEX: #9ca3af, RGB: (156, 163, 175); HEX: #fb7185, RGB: (251, 113, 133)
HEX: #f8fafc, RGB: (248, 250, 252)
Спрощений варіант палітри кольорів
Відтінок plum, Відтінок turquoise, Відтінок Чорний, Відтінок floralwhite, Відтінок darkgrey, Відтінок lightcoral, Відтінок whitesmoke
Кольорова схема створена автором colorslib
Коди кольорів у палітрі
Mobile App Builder Cloud коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #f9a8d4 | #f9a8d4 | RGB(249, 168, 212) | Panel Blush | — |
| #5eead4 | #5eead4 | RGB(94, 234, 212) | Touch Teal | — |
| #111827 | #111827 | RGB(17, 24, 39) | Navigation Ink | — |
| #fdf6ec | #fdf6ec | RGB(253, 246, 236) | Gradient Cream | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Input Gray | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Action Coral | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Lite Cloud | — |
Контраст палітри кольорів
11 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#f9a8d4 | #5eead4 | 1.22 |
#f9a8d4 | #fdf6ec | 1.69 |
#f9a8d4 | #9ca3af | 1.39 |
#f9a8d4 | #fb7185 | 1.48 |
#f9a8d4 | #f8fafc | 1.73 |
#5eead4 | #fdf6ec | 1.37 |
Зображення палітри Mobile App Builder Cloud png
Експортувати палітру
Завантажте "Mobile App Builder Cloud" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати:
