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