Створено 03/01/2026 14:53
Digital Product Architect Contrast Kit
- Brand Builder Amber#f59e0b
- Framework Graphite#1f2937
- Success Path Emerald#10b981
- Interaction Magenta#db2777
- Layout Cloud#e5e7eb
- Logic Indigo#6366f1
- Signal Cyan#06b6d4
Палітра містить світлий, темний, напівтемний кольори. Акцентні кольори Brand Builder Amber #f59e0b та Signal Cyan #06b6d4. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.
За світлістю палітра сягає від #1F2937 (найтемніший) до #E5E7EB (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #06B6D4, #10B981, #1F2937, #6366F1, #DB2777, #E5E7EB, #F59E0B
Палітра Digital Product Architect Contrast Kit містить комбінацію з 7 кодів кольорів :
HEX: #f59e0b, RGB: (245, 158, 11); HEX: #1f2937, RGB: (31, 41, 55); HEX: #10b981, RGB: (16, 185, 129)
HEX: #db2777, RGB: (219, 39, 119); HEX: #e5e7eb, RGB: (229, 231, 235); HEX: #6366f1, RGB: (99, 102, 241)
HEX: #06b6d4, RGB: (6, 182, 212)
Спрощений варіант палітри кольорів
Відтінок Помаранчевий, Відтінок Чорний, Відтінок mediumseagreen, Відтінок mediumvioletred, Відтінок gainsboro, Відтінок mediumslateblue, Відтінок deepskyblue
Кольорова схема створена автором hex
Коди кольорів у палітрі
Digital Product Architect Contrast Kit коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #f59e0b | #f59e0b | RGB(245, 158, 11) | Brand Builder Amber | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | Framework Graphite | — |
| #10b981 | #10b981 | RGB(16, 185, 129) | Success Path Emerald | — |
| #db2777 | #db2777 | RGB(219, 39, 119) | Interaction Magenta | — |
| #e5e7eb | #e5e7eb | RGB(229, 231, 235) | Layout Cloud | — |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Logic Indigo | — |
| #06b6d4 | #06b6d4 | RGB(6, 182, 212) | Signal Cyan | — |
Контраст палітри кольорів
10 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#f59e0b | #10b981 | 1.18 |
#f59e0b | #e5e7eb | 1.73 |
#f59e0b | #06b6d4 | 1.13 |
#10b981 | #db2777 | 1.81 |
#10b981 | #6366f1 | 1.76 |
#10b981 | #06b6d4 | 1.04 |
Зображення палітри Digital Product Architect Contrast Kit png
Експортувати палітру
Завантажте "Digital Product Architect Contrast Kit" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: