Створено 06/22/2025 07:05
Interactive Mockup Builder Flow
- Wireframe Cream#fffcf2
- Click Point Blue#95b8d1
- Frame Coral#ffa69e
- Prototype Plum#9a8c98
- Guide Gray#adb5bd
- Sketch Yellow#ffde7d
Палітра містить світлий кольори. Акцентні кольори Wireframe Cream #fffcf2 та Click Point Blue #95b8d1. Палітра має температуру кольорів Нейтральний, Холодний, Теплий.
За світлістю палітра сягає від #9A8C98 (найтемніший) до #FFFCF2 (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Теплі й холодні зразки доволі збалансовані.
HEX-коди (відсортовано): #95B8D1, #9A8C98, #ADB5BD, #FFA69E, #FFDE7D, #FFFCF2
Палітра Interactive Mockup Builder Flow містить комбінацію з 6 кодів кольорів :
HEX: #fffcf2, RGB: (255, 252, 242); HEX: #95b8d1, RGB: (149, 184, 209); HEX: #ffa69e, RGB: (255, 166, 158)
HEX: #9a8c98, RGB: (154, 140, 152); HEX: #adb5bd, RGB: (173, 181, 189); HEX: #ffde7d, RGB: (255, 222, 125)
Спрощений варіант палітри кольорів
Відтінок floralwhite, Відтінок lightsteelblue, Відтінок lightpink, Відтінок Сірий, Відтінок darkgrey, Відтінок хакі
Кольорова схема створена автором raccoon
Коди кольорів у палітрі
Interactive Mockup Builder Flow коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #fffcf2 | #fffcf2 | RGB(255, 252, 242) | Wireframe Cream | — |
| #95b8d1 | #95b8d1 | RGB(149, 184, 209) | Click Point Blue | — |
| #ffa69e | #ffa69e | RGB(255, 166, 158) | Frame Coral | — |
| #9a8c98 | #9a8c98 | RGB(154, 140, 152) | Prototype Plum | — |
| #adb5bd | #adb5bd | RGB(173, 181, 189) | Guide Gray | — |
| #ffde7d | #ffde7d | RGB(255, 222, 125) | Sketch Yellow | — |
Контраст палітри кольорів
11 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#fffcf2 | #ffa69e | 1.82 |
#fffcf2 | #ffde7d | 1.27 |
#95b8d1 | #ffa69e | 1.11 |
#95b8d1 | #9a8c98 | 1.52 |
#95b8d1 | #adb5bd | 1 |
#95b8d1 | #ffde7d | 1.59 |
Зображення палітри Interactive Mockup Builder Flow png
Експортувати палітру
Завантажте "Interactive Mockup Builder Flow" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: