Interactive Learning UI Flow
- Quiz Yellow#ffe066
- Hover Ink#111111
- Module Sky#8ecae6
- Score Green#00b894
- Popup Blush#ffd6d6
- Overlay White#fafafa
Створено 06/14/2025 19:45
Палітра містить світлий, темний кольори. Акцентні кольори Score Green #00b894 та Popup Blush #ffd6d6. Палітра має температуру кольорів Теплий, Нейтральний, Холодний.
За світлістю палітра сягає від #111111 (найтемніший) до #FAFAFA (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома) — 67% кольорів яскраві.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Теплі й холодні зразки доволі збалансовані (2 теплих, 2 холодних).
HEX-коди (відсортовано): #00B894, #111111, #8ECAE6, #FAFAFA, #FFD6D6, #FFE066
Палітра Interactive Learning UI Flow містить комбінацію з 6 кодів кольорів :
HEX: #ffe066, RGB: (255, 224, 102); HEX: #111111, RGB: (17, 17, 17); HEX: #8ecae6, RGB: (142, 202, 230)
HEX: #00b894, RGB: (0, 184, 148); HEX: #ffd6d6, RGB: (255, 214, 214); HEX: #fafafa, RGB: (250, 250, 250)
Спрощений варіант палітри кольорів
Світлий відтінок Золотий, Світлий відтінок Чорний, Темний відтінок Небесно-блакитний, Темний відтінок Помірний аквамариновий, Темний відтінок Туманна троянда, Світлий відтінок Димчасто-білий
Кольорова схема створена автором colourlock
Коди кольорів у палітрі
Interactive Learning UI Flow коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Quiz Yellow | — |
| #111111 | #111111 | RGB(17, 17, 17) | Hover Ink | Dreamless Sleep |
| #8ecae6 | #8ecae6 | RGB(142, 202, 230) | Module Sky | — |
| #00b894 | #00b894 | RGB(0, 184, 148) | Score Green | — |
| #ffd6d6 | #ffd6d6 | RGB(255, 214, 214) | Popup Blush | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Overlay White | Dr. White |
Контраст палітри кольорів
9 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#ffe066 | #8ecae6 | 1.37 |
#ffe066 | #00b894 | 1.94 |
#ffe066 | #ffd6d6 | 1.01 |
#ffe066 | #fafafa | 1.24 |
#8ecae6 | #00b894 | 1.41 |
#8ecae6 | #ffd6d6 | 1.34 |
Палітра із зображення Interactive Learning UI Flow png
Експортувати палітру
Завантажте "Interactive Learning UI Flow" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: