Создано 08/11/2025 09:51
Vector-Based UI Icons
- Path Blue#118ab2
- Anchor Orange#f8961e
- Fill Mint#a7c957
- Stroke Gray#8d99ae
- Background White#ffffff
- Grid Black#000000
Палитра содержит светлый, темный цвета. Акцентные цвета Path Blue #118ab2 да Anchor Orange #f8961e. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.
По светлоте палитра тянется от #000000 (самый тёмный) до #FFFFFF (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
Тёплые и холодные элементы довольно сбалансированы.
HEX-коды (по возрастанию): #000000, #118AB2, #8D99AE, #A7C957, #F8961E, #FFFFFF
Палитра Vector-Based UI Icons содержит комбинацию из 6 кодов цветов:
HEX: #118ab2, RGB: (17, 138, 178); HEX: #f8961e, RGB: (248, 150, 30); HEX: #a7c957, RGB: (167, 201, 87)
HEX: #8d99ae, RGB: (141, 153, 174); HEX: #ffffff, RGB: (255, 255, 255); HEX: #000000, RGB: (0, 0, 0)
Упрощенная версия цветов палитры
Оттенок steelblue, Тень darkorange, Тень Желтозеленый, Тень lightslategrey, Белый, Черный
Цветовая схема создана автором bad_colors
Коды цветов в палитре
Vector-Based UI Icons коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #118ab2 | #118ab2 | RGB(17, 138, 178) | Path Blue | — |
| #f8961e | #f8961e | RGB(248, 150, 30) | Anchor Orange | — |
| #a7c957 | #a7c957 | RGB(167, 201, 87) | Fill Mint | — |
| #8d99ae | #8d99ae | RGB(141, 153, 174) | Stroke Gray | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background White | White |
| #000000 | #000000 | RGB(0, 0, 0) | Grid Black | Black |
Контраст палитры цветов
6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#118ab2 | #f8961e | 1.76 |
#118ab2 | #8d99ae | 1.37 |
#f8961e | #a7c957 | 1.18 |
#f8961e | #8d99ae | 1.28 |
#a7c957 | #8d99ae | 1.52 |
#a7c957 | #ffffff | 1.88 |
Изображение палитры Vector-Based UI Icons png
Экспорт палитры
Скачайте "Vector-Based UI Icons" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: