Создано 06/05/2025 08:01
High Fidelity Widget System
- Blueprint Cyan#00b7c2
- Contrast Cream#fffaed
- Warning Flame#ff5e5b
- Deep Interface Navy#162447
- Widget Yellow#ffe347
- Secondary Gray#b3b3b3
- Confirm Mint#a7ff83
- UI Charcoal#2e2e2e
Палитра содержит светлый, темный цвета. Акцентные цвета Blueprint Cyan #00b7c2 да Contrast Cream #fffaed. Палитра имеет цветовую температуру Холодный, Нейтральный, Теплый.
По светлоте палитра тянется от #2E2E2E (самый тёмный) до #FFFAED (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома).
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону тёплого.
HEX-коды (по возрастанию): #00B7C2, #162447, #2E2E2E, #A7FF83, #B3B3B3, #FF5E5B, #FFE347, #FFFAED
Палитра High Fidelity Widget System содержит комбинацию из 8 кодов цветов:
HEX: #00b7c2, RGB: (0, 183, 194); HEX: #fffaed, RGB: (255, 250, 237); HEX: #ff5e5b, RGB: (255, 94, 91)
HEX: #162447, RGB: (22, 36, 71); HEX: #ffe347, RGB: (255, 227, 71); HEX: #b3b3b3, RGB: (179, 179, 179)
HEX: #a7ff83, RGB: (167, 255, 131); HEX: #2e2e2e, RGB: (46, 46, 46)
Упрощенная версия цветов палитры
Оттенок darkturquoise, Тень oldlace, Оттенок tomato, Тень midnightblue, Тень gold, Тень darkgrey, Тень palegreen, Тень Черный
Цветовая схема создана автором raccoon
Коды цветов в палитре
High Fidelity Widget System коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #00b7c2 | #00b7c2 | RGB(0, 183, 194) | Blueprint Cyan | — |
| #fffaed | #fffaed | RGB(255, 250, 237) | Contrast Cream | — |
| #ff5e5b | #ff5e5b | RGB(255, 94, 91) | Warning Flame | — |
| #162447 | #162447 | RGB(22, 36, 71) | Deep Interface Navy | — |
| #ffe347 | #ffe347 | RGB(255, 227, 71) | Widget Yellow | — |
| #b3b3b3 | #b3b3b3 | RGB(179, 179, 179) | Secondary Gray | Gray70 |
| #a7ff83 | #a7ff83 | RGB(167, 255, 131) | Confirm Mint | — |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | UI Charcoal | Carbon Fiber |
Контраст палитры цветов
10 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#00b7c2 | #ff5e5b | 1.22 |
#00b7c2 | #ffe347 | 1.9 |
#00b7c2 | #b3b3b3 | 1.17 |
#fffaed | #ffe347 | 1.23 |
#fffaed | #a7ff83 | 1.16 |
#ff5e5b | #b3b3b3 | 1.42 |
Изображение палитры High Fidelity Widget System png
Экспорт палитры
Скачайте "High Fidelity Widget System" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: