Створено 12/26/2025 12:40
Augmented Reality Developer Toolkit UI Palette
- Marker Black#020617
- Projection Cyan#22d3ee
- Interaction Violet#8b5cf6
- HUD Amber#fbbf24
- Overlay Gray#64748b
- Scene White#f8fafc
Палітра містить темний, світлий кольори. Акцентні кольори Interaction Violet #8b5cf6 та HUD Amber #fbbf24. Палітра має температуру кольорів Нейтральний, Холодний, Теплий.
За світлістю палітра сягає від #020617 (найтемніший) до #F8FAFC (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #020617, #22D3EE, #64748B, #8B5CF6, #F8FAFC, #FBBF24
Палітра Augmented Reality Developer Toolkit UI Palette містить комбінацію з 6 кодів кольорів :
HEX: #020617, RGB: (2, 6, 23); HEX: #22d3ee, RGB: (34, 211, 238); HEX: #8b5cf6, RGB: (139, 92, 246)
HEX: #fbbf24, RGB: (251, 191, 36); HEX: #64748b, RGB: (100, 116, 139); HEX: #f8fafc, RGB: (248, 250, 252)
Спрощений варіант палітри кольорів
Відтінок Чорний, Відтінок darkturquoise, Відтінок mediumslateblue, Відтінок goldenrod, Відтінок slategrey, Відтінок whitesmoke
Кольорова схема створена автором colorhunt
Коди кольорів у палітрі
Augmented Reality Developer Toolkit UI Palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #020617 | #020617 | RGB(2, 6, 23) | Marker Black | — |
| #22d3ee | #22d3ee | RGB(34, 211, 238) | Projection Cyan | — |
| #8b5cf6 | #8b5cf6 | RGB(139, 92, 246) | Interaction Violet | — |
| #fbbf24 | #fbbf24 | RGB(251, 191, 36) | HUD Amber | — |
| #64748b | #64748b | RGB(100, 116, 139) | Overlay Gray | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Scene White | — |
Контраст палітри кольорів
4 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#22d3ee | #fbbf24 | 1.08 |
#22d3ee | #f8fafc | 1.72 |
#8b5cf6 | #64748b | 1.12 |
#fbbf24 | #f8fafc | 1.59 |
Зображення палітри Augmented Reality Developer Toolkit UI Palette png
Експортувати палітру
Завантажте "Augmented Reality Developer Toolkit UI Palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: