Создано 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" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: