Створено 03/06/2026 18:18
AI Product Design System
- Product Blue#2563eb
- Concept Peach#ffadad
- Wireframe Gray#6c757d
- Prototype Teal#2a9d8f
- Ideation Lavender#b8a1e3
- Accent Lemon#ffe66d
- UX Rose#e76f51
Палітра містить напівтемний, світлий кольори. Акцентні кольори Product Blue #2563eb та Accent Lemon #ffe66d. Палітра має температуру кольорів Холодний, Теплий.
За світлістю палітра сягає від #2A9D8F (найтемніший) до #FFADAD (найсвітліший). Діапазон світлості помірний.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #2563EB, #2A9D8F, #6C757D, #B8A1E3, #E76F51, #FFADAD, #FFE66D
Палітра AI Product Design System містить комбінацію з 7 кодів кольорів :
HEX: #2563eb, RGB: (37, 99, 235); HEX: #ffadad, RGB: (255, 173, 173); HEX: #6c757d, RGB: (108, 117, 125)
HEX: #2a9d8f, RGB: (42, 157, 143); HEX: #b8a1e3, RGB: (184, 161, 227); HEX: #ffe66d, RGB: (255, 230, 109)
HEX: #e76f51, RGB: (231, 111, 81)
Спрощений варіант палітри кольорів
Відтінок royalblue, Відтінок lightpink, Відтінок slategrey, Відтінок lightseagreen, Відтінок plum, Відтінок хакі, Відтінок tomato
Кольорова схема створена автором raccoon
Коди кольорів у палітрі
AI Product Design System коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #2563eb | #2563eb | RGB(37, 99, 235) | Product Blue | — |
| #ffadad | #ffadad | RGB(255, 173, 173) | Concept Peach | — |
| #6c757d | #6c757d | RGB(108, 117, 125) | Wireframe Gray | Pompeii Ash |
| #2a9d8f | #2a9d8f | RGB(42, 157, 143) | Prototype Teal | — |
| #b8a1e3 | #b8a1e3 | RGB(184, 161, 227) | Ideation Lavender | — |
| #ffe66d | #ffe66d | RGB(255, 230, 109) | Accent Lemon | — |
| #e76f51 | #e76f51 | RGB(231, 111, 81) | UX Rose | — |
Контраст палітри кольорів
13 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#2563eb | #6c757d | 1.1 |
#2563eb | #2a9d8f | 1.55 |
#2563eb | #e76f51 | 1.67 |
#ffadad | #2a9d8f | 1.87 |
#ffadad | #b8a1e3 | 1.27 |
#ffadad | #ffe66d | 1.41 |
Зображення палітри AI Product Design System png
Експортувати палітру
Завантажте "AI Product Design System" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: