Створено 07/07/2025 17:05
React Native Mobile Layer
CrossPlatform Sky
#5ac8fa
Hot Reload Pink
#f78fb3
Debug Mint
#00c896
Async Indigo
#3f51b5
Virtual White
#f7f7f7
Dark Emulator Gray
#333333
Палітра містить світлий, напівтемний кольори. Акцентні кольори Hot Reload Pink #f78fb3 та Debug Mint #00c896. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
Палітра React Native Mobile Layer містить комбінацію з 6 кодів кольорів :
HEX: #5ac8fa, RGB: (90, 200, 250); HEX: #f78fb3, RGB: (247, 143, 179); HEX: #00c896, RGB: (0, 200, 150)
HEX: #3f51b5, RGB: (63, 81, 181); HEX: #f7f7f7, RGB: (247, 247, 247); HEX: #333333, RGB: (51, 51, 51)
Спрощений варіант палітри кольорів
Відтінок deepskyblue, Відтінок palevioletred, Відтінок mediumaquamarine, Відтінок slateblue, Відтінок whitesmoke, Відтінок Чорний
Кольорова схема створена автором colourlock
Коди кольорів у палітрі
React Native Mobile Layer коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #5ac8fa | #5ac8fa | RGB(90, 200, 250) | CrossPlatform Sky | — |
| #f78fb3 | #f78fb3 | RGB(247, 143, 179) | Hot Reload Pink | — |
| #00c896 | #00c896 | RGB(0, 200, 150) | Debug Mint | — |
| #3f51b5 | #3f51b5 | RGB(63, 81, 181) | Async Indigo | — |
| #f7f7f7 | #f7f7f7 | RGB(247, 247, 247) | Virtual White | Lynx White |
| #333333 | #333333 | RGB(51, 51, 51) | Dark Emulator Gray | Carbon |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#5ac8fa | #f78fb3 | 1.16 |
#5ac8fa | #00c896 | 1.14 |
#5ac8fa | #f7f7f7 | 1.76 |
#f78fb3 | #00c896 | 1.01 |
#3f51b5 | #333333 | 1.83 |
Зображення палітри React Native Mobile Layer png
Експортувати палітру
Завантажте "React Native Mobile Layer" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: