Створено 09/14/2025 18:09
React Native Quantum Flow UI
Quantum Sky
#4cc9f0
Hook Violet
#6d28d9
Async Coral
#ff6b6b
Fiber Mint
#80ed99
State Yellow
#ffbe0b
Render White
#fdfdfd
Dark Node Black
#0c0c0c
Палітра містить світлий, темний кольори. Акцентні кольори Quantum Sky #4cc9f0 та State Yellow #ffbe0b. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
Палітра React Native Quantum Flow UI містить комбінацію з 7 кодів кольорів :
HEX: #4cc9f0, RGB: (76, 201, 240); HEX: #6d28d9, RGB: (109, 40, 217); HEX: #ff6b6b, RGB: (255, 107, 107)
HEX: #80ed99, RGB: (128, 237, 153); HEX: #ffbe0b, RGB: (255, 190, 11); HEX: #fdfdfd, RGB: (253, 253, 253)
HEX: #0c0c0c, RGB: (12, 12, 12)
Спрощений варіант палітри кольорів
Відтінок skyblue, Відтінок blueviolet, Відтінок salmon, Відтінок lightgreen, Відтінок goldenrod, Відтінок Білий, Відтінок Чорний
Кольорова схема створена автором raccoon
Коди кольорів у палітрі
React Native Quantum Flow UI коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #4cc9f0 | #4cc9f0 | RGB(76, 201, 240) | Quantum Sky | — |
| #6d28d9 | #6d28d9 | RGB(109, 40, 217) | Hook Violet | — |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Async Coral | — |
| #80ed99 | #80ed99 | RGB(128, 237, 153) | Fiber Mint | — |
| #ffbe0b | #ffbe0b | RGB(255, 190, 11) | State Yellow | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Render White | Brilliance |
| #0c0c0c | #0c0c0c | RGB(12, 12, 12) | Dark Node Black | Black Wash |
Контраст палітри кольорів
9 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#4cc9f0 | #ff6b6b | 1.44 |
#4cc9f0 | #80ed99 | 1.32 |
#4cc9f0 | #ffbe0b | 1.15 |
#4cc9f0 | #fdfdfd | 1.89 |
#ff6b6b | #80ed99 | 1.91 |
#ff6b6b | #ffbe0b | 1.66 |
Зображення палітри React Native Quantum Flow UI png
Експортувати палітру
Завантажте "React Native Quantum Flow UI" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: