High Fidelity UI Control
- Panel Gray#ececec
- Cursor Blue#3489eb
- Active State Red#e63946
- Feedback Yellow#ffd166
- Sidebar Black#2b2d42
- Tap Green#06d6a0
Создано 06/08/2025 14:25
Палитра содержит светлый, темный цвета. Акцентные цвета Feedback Yellow #ffd166 и Tap Green #06d6a0. Палитра имеет цветовую температуру Нейтральный, Холодный, Теплый.
По светлоте палитра тянется от #2B2D42 (самый тёмный) до #ECECEC (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома) — 67% цветов насыщенные.
Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.
В целом температура смещена в сторону холодного (3 из 6).
HEX-коды (по возрастанию): #06D6A0, #2B2D42, #3489EB, #E63946, #ECECEC, #FFD166
Палитра High Fidelity UI Control содержит комбинацию из 6 кодов цветов:
HEX: #ececec, RGB: (236, 236, 236); HEX: #3489eb, RGB: (52, 137, 235); HEX: #e63946, RGB: (230, 57, 70)
HEX: #ffd166, RGB: (255, 209, 102); HEX: #2b2d42, RGB: (43, 45, 66); HEX: #06d6a0, RGB: (6, 214, 160)
Упрощенная версия цветов палитры
Тёмный оттенок Дымчато-белый, Светлый оттенок Защитно-синий, Светлый оттенок Малиново-красный, Светлый оттенок Золотой, Светлый оттенок Полуночно-синий, Тёмный оттенок Умеренный аквамариновый
Цветовая схема создана автором hex
Коды цветов в палитре
High Fidelity UI Control коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #ececec | #ececec | RGB(236, 236, 236) | Panel Gray | — |
| #3489eb | #3489eb | RGB(52, 137, 235) | Cursor Blue | — |
| #e63946 | #e63946 | RGB(230, 57, 70) | Active State Red | — |
| #ffd166 | #ffd166 | RGB(255, 209, 102) | Feedback Yellow | — |
| #2b2d42 | #2b2d42 | RGB(43, 45, 66) | Sidebar Black | — |
| #06d6a0 | #06d6a0 | RGB(6, 214, 160) | Tap Green | — |
Контраст палитры цветов
5 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#ececec | #ffd166 | 1.22 |
#ececec | #06d6a0 | 1.59 |
#3489eb | #e63946 | 1.17 |
#3489eb | #06d6a0 | 1.87 |
#ffd166 | #06d6a0 | 1.3 |
Палитра из изображения High Fidelity UI Control png
Экспорт палитры
Скачайте "High Fidelity UI Control" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: