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