Створено 07/11/2025 13:20
Dynamic UI Flow System
Flow Core Black
#111111
Step Node Blue
#3a86ff
Button Tap Coral
#f67280
Outline Shade Grey
#7d8597
Component Field White
#fafafa
Pulse Indicator Pink
#fdc5f5
Палітра містить темний, світлий кольори. Акцентні кольори Step Node Blue #3a86ff та Button Tap Coral #f67280. Палітра має температуру кольорів Нейтральний, Холодний, Теплий.
За світлістю палітра сягає від #111111 (найтемніший) до #FAFAFA (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Відтінки широко розкидані по колі — різноманітна палітра (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #111111, #3A86FF, #7D8597, #F67280, #FAFAFA, #FDC5F5
Палітра Dynamic UI Flow System містить комбінацію з 6 кодів кольорів :
HEX: #111111, RGB: (17, 17, 17); HEX: #3a86ff, RGB: (58, 134, 255); HEX: #f67280, RGB: (246, 114, 128)
HEX: #7d8597, RGB: (125, 133, 151); HEX: #fafafa, RGB: (250, 250, 250); HEX: #fdc5f5, RGB: (253, 197, 245)
Спрощений варіант палітри кольорів
Відтінок Чорний, Відтінок dodgerblue, Відтінок lightcoral, Відтінок lightslategrey, Відтінок whitesmoke, Відтінок thistle
Кольорова схема створена автором colorstudio
Коди кольорів у палітрі
Dynamic UI Flow System коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #111111 | #111111 | RGB(17, 17, 17) | Flow Core Black | Dreamless Sleep |
| #3a86ff | #3a86ff | RGB(58, 134, 255) | Step Node Blue | — |
| #f67280 | #f67280 | RGB(246, 114, 128) | Button Tap Coral | — |
| #7d8597 | #7d8597 | RGB(125, 133, 151) | Outline Shade Grey | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Component Field White | Dr. White |
| #fdc5f5 | #fdc5f5 | RGB(253, 197, 245) | Pulse Indicator Pink | — |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#3a86ff | #f67280 | 1.26 |
#3a86ff | #7d8597 | 1.06 |
#f67280 | #7d8597 | 1.34 |
#f67280 | #fdc5f5 | 1.89 |
#fafafa | #fdc5f5 | 1.38 |
Зображення палітри Dynamic UI Flow System png
Експортувати палітру
Завантажте "Dynamic UI Flow System" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: