Создано 06/02/2025 10:23
Metro Halo Glow UI
- Halo Blue#9acdff
- Glow Pink#ffb4d0
- Deep Charcoal#1b1e24
- Panel Mist#eceff4
- Sunset Orange UI#ff9367
- Modern Soft White#fdfdfd
- Transit Violet#6b5cff
Палитра содержит светлый, темный цвета. Акцентные цвета Halo Blue #9acdff да Glow Pink #ffb4d0. Палитра имеет цветовую температуру Холодный, Нейтральный, Теплый.
По светлоте палитра тянется от #1B1E24 (самый тёмный) до #FDFDFD (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома).
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
Большинство полос читаются как нейтральные по температуре.
HEX-коды (по возрастанию): #1B1E24, #6B5CFF, #9ACDFF, #ECEFF4, #FDFDFD, #FF9367, #FFB4D0
Палитра Metro Halo Glow UI содержит комбинацию из 7 кодов цветов:
HEX: #9acdff, RGB: (154, 205, 255); HEX: #ffb4d0, RGB: (255, 180, 208); HEX: #1b1e24, RGB: (27, 30, 36)
HEX: #eceff4, RGB: (236, 239, 244); HEX: #ff9367, RGB: (255, 147, 103); HEX: #fdfdfd, RGB: (253, 253, 253)
HEX: #6b5cff, RGB: (107, 92, 255)
Упрощенная версия цветов палитры
Тень lightskyblue, Тень lightpink, Тень Черный, Оттенок aliceblue, Оттенок lightsalmon, Оттенок Белый, Оттенок mediumslateblue
Цветовая схема создана автором colorstudio
Коды цветов в палитре
Metro Halo Glow UI коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #9acdff | #9acdff | RGB(154, 205, 255) | Halo Blue | — |
| #ffb4d0 | #ffb4d0 | RGB(255, 180, 208) | Glow Pink | — |
| #1b1e24 | #1b1e24 | RGB(27, 30, 36) | Deep Charcoal | — |
| #eceff4 | #eceff4 | RGB(236, 239, 244) | Panel Mist | — |
| #ff9367 | #ff9367 | RGB(255, 147, 103) | Sunset Orange UI | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Modern Soft White | Brilliance |
| #6b5cff | #6b5cff | RGB(107, 92, 255) | Transit Violet | — |
Контраст палитры цветов
9 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#9acdff | #ffb4d0 | 1.01 |
#9acdff | #eceff4 | 1.45 |
#9acdff | #ff9367 | 1.3 |
#9acdff | #fdfdfd | 1.64 |
#ffb4d0 | #eceff4 | 1.43 |
#ffb4d0 | #ff9367 | 1.31 |
Изображение палитры Metro Halo Glow UI png
Экспорт палитры
Скачайте "Metro Halo Glow UI" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: