Створено 07/04/2025 10:15
Web UI Flow Mapping Kit
- Arrow Mint#93ffd8
- UX Graph Purple#a88dff
- Step Beige#fdf6ed
- Navigation Ink#20262e
- Flow Gradient Gray#cdd6dd
- Breakpoint Blue#62b6f3
- Scroll Orange#ffa25b
Палітра містить світлий, темний кольори. Акцентні кольори Arrow Mint #93ffd8 та Scroll Orange #ffa25b. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.
За світлістю палітра сягає від #20262E (найтемніший) до #FDF6ED (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #20262E, #62B6F3, #93FFD8, #A88DFF, #CDD6DD, #FDF6ED, #FFA25B
Палітра Web UI Flow Mapping Kit містить комбінацію з 7 кодів кольорів :
HEX: #93ffd8, RGB: (147, 255, 216); HEX: #a88dff, RGB: (168, 141, 255); HEX: #fdf6ed, RGB: (253, 246, 237)
HEX: #20262e, RGB: (32, 38, 46); HEX: #cdd6dd, RGB: (205, 214, 221); HEX: #62b6f3, RGB: (98, 182, 243)
HEX: #ffa25b, RGB: (255, 162, 91)
Спрощений варіант палітри кольорів
Відтінок aquamarine, Відтінок mediumpurple, Відтінок floralwhite, Відтінок Чорний, Відтінок lightgrey, Відтінок deepskyblue, Відтінок sandybrown
Кольорова схема створена автором colorscheme
Коди кольорів у палітрі
Web UI Flow Mapping Kit коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #93ffd8 | #93ffd8 | RGB(147, 255, 216) | Arrow Mint | — |
| #a88dff | #a88dff | RGB(168, 141, 255) | UX Graph Purple | — |
| #fdf6ed | #fdf6ed | RGB(253, 246, 237) | Step Beige | — |
| #20262e | #20262e | RGB(32, 38, 46) | Navigation Ink | — |
| #cdd6dd | #cdd6dd | RGB(205, 214, 221) | Flow Gradient Gray | — |
| #62b6f3 | #62b6f3 | RGB(98, 182, 243) | Breakpoint Blue | — |
| #ffa25b | #ffa25b | RGB(255, 162, 91) | Scroll Orange | — |
Контраст палітри кольорів
12 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#93ffd8 | #fdf6ed | 1.11 |
#93ffd8 | #cdd6dd | 1.22 |
#93ffd8 | #62b6f3 | 1.84 |
#93ffd8 | #ffa25b | 1.65 |
#a88dff | #cdd6dd | 1.8 |
#a88dff | #62b6f3 | 1.2 |
Зображення палітри Web UI Flow Mapping Kit png
Експортувати палітру
Завантажте "Web UI Flow Mapping Kit" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: