Product Engineering Design System
- Blueprint Azure#1c6ed5
- Component Sky#6fb1fc
- Interaction Mint#5fe3c0
- Divider Fog#e4e7ec
- Primary Ink#101828
- Highlight Apricot#ffb703
Створено 01/22/2026 09:04
Палітра містить напівтемний, світлий, темний кольори. Акцентні кольори Component Sky #6fb1fc та Highlight Apricot #ffb703. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.
За світлістю палітра сягає від #101828 (найтемніший) до #E4E7EC (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома) — 67% кольорів яскраві.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Загалом температура зміщена в бік холодного (4 із 6).
HEX-коди (відсортовано): #101828, #1C6ED5, #5FE3C0, #6FB1FC, #E4E7EC, #FFB703
Палітра Product Engineering Design System містить комбінацію з 6 кодів кольорів :
HEX: #1c6ed5, RGB: (28, 110, 213); HEX: #6fb1fc, RGB: (111, 177, 252); HEX: #5fe3c0, RGB: (95, 227, 192)
HEX: #e4e7ec, RGB: (228, 231, 236); HEX: #101828, RGB: (16, 24, 40); HEX: #ffb703, RGB: (255, 183, 3)
Спрощений варіант палітри кольорів
Темний відтінок Королівський синій, Світлий відтінок Волошковий, Світлий відтінок Помірний аквамариновий, Темний відтінок Блакитний Еліс, Світлий відтінок Чорний, Світлий відтінок Помаранчевий
Кольорова схема створена автором colorstudio
Коди кольорів у палітрі
Product Engineering Design System коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #1c6ed5 | #1c6ed5 | RGB(28, 110, 213) | Blueprint Azure | — |
| #6fb1fc | #6fb1fc | RGB(111, 177, 252) | Component Sky | — |
| #5fe3c0 | #5fe3c0 | RGB(95, 227, 192) | Interaction Mint | — |
| #e4e7ec | #e4e7ec | RGB(228, 231, 236) | Divider Fog | — |
| #101828 | #101828 | RGB(16, 24, 40) | Primary Ink | — |
| #ffb703 | #ffb703 | RGB(255, 183, 3) | Highlight Apricot | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#6fb1fc | #5fe3c0 | 1.41 |
#6fb1fc | #e4e7ec | 1.8 |
#6fb1fc | #ffb703 | 1.28 |
#5fe3c0 | #e4e7ec | 1.27 |
#5fe3c0 | #ffb703 | 1.1 |
#e4e7ec | #ffb703 | 1.4 |
Палітра із зображення Product Engineering Design System png
Експортувати палітру
Завантажте "Product Engineering Design System" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: