Создано 08/11/2025 14:29
Generative Vector UI Framework
- Anchor Blue#1565c0
- Path Mint#80cbc4
- Bezier Orange#f4a261
- Fill Pink#ff6f91
- Stroke Yellow#ffd166
- Canvas White#fafafa
- Grid Black#1b1b1b
Палитра содержит полутемный, светлый, темный цвета. Акцентные цвета Anchor Blue #1565c0 да Stroke Yellow #ffd166. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.
По светлоте палитра тянется от #1B1B1B (самый тёмный) до #FAFAFA (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома).
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону тёплого.
HEX-коды (по возрастанию): #1565C0, #1B1B1B, #80CBC4, #F4A261, #FAFAFA, #FF6F91, #FFD166
Палитра Generative Vector UI Framework содержит комбинацию из 7 кодов цветов:
HEX: #1565c0, RGB: (21, 101, 192); HEX: #80cbc4, RGB: (128, 203, 196); HEX: #f4a261, RGB: (244, 162, 97)
HEX: #ff6f91, RGB: (255, 111, 145); HEX: #ffd166, RGB: (255, 209, 102); HEX: #fafafa, RGB: (250, 250, 250)
HEX: #1b1b1b, RGB: (27, 27, 27)
Упрощенная версия цветов палитры
Оттенок royalblue, Тень mediumturquoise, Оттенок sandybrown, Тень palevioletred, Тень gold, Тень whitesmoke, Тень Черный
Цветовая схема создана автором colorstudio
Коды цветов в палитре
Generative Vector UI Framework коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #1565c0 | #1565c0 | RGB(21, 101, 192) | Anchor Blue | — |
| #80cbc4 | #80cbc4 | RGB(128, 203, 196) | Path Mint | — |
| #f4a261 | #f4a261 | RGB(244, 162, 97) | Bezier Orange | — |
| #ff6f91 | #ff6f91 | RGB(255, 111, 145) | Fill Pink | — |
| #ffd166 | #ffd166 | RGB(255, 209, 102) | Stroke Yellow | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Canvas White | Dr. White |
| #1b1b1b | #1b1b1b | RGB(27, 27, 27) | Grid Black | Eerie Black |
Контраст палитры цветов
9 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#80cbc4 | #f4a261 | 1.1 |
#80cbc4 | #ff6f91 | 1.41 |
#80cbc4 | #ffd166 | 1.29 |
#80cbc4 | #fafafa | 1.78 |
#f4a261 | #ff6f91 | 1.28 |
#f4a261 | #ffd166 | 1.42 |
Изображение палитры Generative Vector UI Framework png
Экспорт палитры
Скачайте "Generative Vector UI Framework" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: