Створено 08/23/2025 07:34
Neural Flow React UI Components
- Synapse Blue#2b65ec
- Cognitive Teal#1aa7a1
- Gradient Coral#ff6f61
- Panel White#f9fafb
- Shadow Graphite#333333
- Signal Yellow#ffd54f
Палітра містить напівтемний, світлий кольори. Акцентні кольори Synapse Blue #2b65ec та Signal Yellow #ffd54f. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #333333 (найтемніший) до #F9FAFB (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Теплі й холодні зразки доволі збалансовані.
HEX-коди (відсортовано): #1AA7A1, #2B65EC, #333333, #F9FAFB, #FF6F61, #FFD54F
Палітра Neural Flow React UI Components містить комбінацію з 6 кодів кольорів :
HEX: #2b65ec, RGB: (43, 101, 236); HEX: #1aa7a1, RGB: (26, 167, 161); HEX: #ff6f61, RGB: (255, 111, 97)
HEX: #f9fafb, RGB: (249, 250, 251); HEX: #333333, RGB: (51, 51, 51); HEX: #ffd54f, RGB: (255, 213, 79)
Спрощений варіант палітри кольорів
Відтінок royalblue, Відтінок lightseagreen, Відтінок salmon, Відтінок whitesmoke, Відтінок Чорний, Відтінок gold
Кольорова схема створена автором colourlock
Коди кольорів у палітрі
Neural Flow React UI Components коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #2b65ec | #2b65ec | RGB(43, 101, 236) | Synapse Blue | — |
| #1aa7a1 | #1aa7a1 | RGB(26, 167, 161) | Cognitive Teal | — |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Gradient Coral | Living Coral |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Panel White | — |
| #333333 | #333333 | RGB(51, 51, 51) | Shadow Graphite | Carbon |
| #ffd54f | #ffd54f | RGB(255, 213, 79) | Signal Yellow | — |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#2b65ec | #1aa7a1 | 1.69 |
#2b65ec | #ff6f61 | 1.84 |
#1aa7a1 | #ff6f61 | 1.08 |
#ff6f61 | #ffd54f | 1.93 |
#f9fafb | #ffd54f | 1.35 |
Зображення палітри Neural Flow React UI Components png
Експортувати палітру
Завантажте "Neural Flow React UI Components" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: