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