Створено 06/25/2025 20:33
React Flow Designer Studio
- Component Rose#f43f5e
- Hook Yellow#facc15
- State Sky#0ea5e9
- Dark Mode Nebula#0f172a
- Lint Lavender#c084fc
- Wireframe Mist#f1f5f9
- Deploy Teal#14b8a6
- Console Steel#64748b
Палітра містить світлий, темний кольори. Акцентні кольори Hook Yellow #facc15 та Lint Lavender #c084fc. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.
За світлістю палітра сягає від #0F172A (найтемніший) до #F1F5F9 (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #0EA5E9, #0F172A, #14B8A6, #64748B, #C084FC, #F1F5F9, #F43F5E, #FACC15
Палітра React Flow Designer Studio містить комбінацію з 8 кодів кольорів :
HEX: #f43f5e, RGB: (244, 63, 94); HEX: #facc15, RGB: (250, 204, 21); HEX: #0ea5e9, RGB: (14, 165, 233)
HEX: #0f172a, RGB: (15, 23, 42); HEX: #c084fc, RGB: (192, 132, 252); HEX: #f1f5f9, RGB: (241, 245, 249)
HEX: #14b8a6, RGB: (20, 184, 166); HEX: #64748b, RGB: (100, 116, 139)
Спрощений варіант палітри кольорів
Відтінок indianred, Відтінок gold, Відтінок deepskyblue, Відтінок Чорний, Відтінок violet, Відтінок aliceblue, Відтінок lightseagreen, Відтінок slategrey
Кольорова схема створена автором colorday
Коди кольорів у палітрі
React Flow Designer Studio коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #f43f5e | #f43f5e | RGB(244, 63, 94) | Component Rose | — |
| #facc15 | #facc15 | RGB(250, 204, 21) | Hook Yellow | — |
| #0ea5e9 | #0ea5e9 | RGB(14, 165, 233) | State Sky | — |
| #0f172a | #0f172a | RGB(15, 23, 42) | Dark Mode Nebula | — |
| #c084fc | #c084fc | RGB(192, 132, 252) | Lint Lavender | — |
| #f1f5f9 | #f1f5f9 | RGB(241, 245, 249) | Wireframe Mist | — |
| #14b8a6 | #14b8a6 | RGB(20, 184, 166) | Deploy Teal | — |
| #64748b | #64748b | RGB(100, 116, 139) | Console Steel | — |
Контраст палітри кольорів
14 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#f43f5e | #0ea5e9 | 1.32 |
#f43f5e | #c084fc | 1.38 |
#f43f5e | #14b8a6 | 1.47 |
#f43f5e | #64748b | 1.29 |
#facc15 | #0ea5e9 | 1.8 |
#facc15 | #c084fc | 1.72 |
Зображення палітри React Flow Designer Studio png
Експортувати палітру
Завантажте "React Flow Designer Studio" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: