Создано 08/18/2025 08:21
Augmented UI Storytelling Prism
- Overlay Purple#7c3aed
- Narrative Yellow#fcd34d
- Wireframe White#ffffff
- Backdrop Gray#94a3b8
- Portal Cyan#22d3ee
- Contrast Black#111827
Палитра содержит полутемный, светлый, темный цвета. Акцентные цвета Narrative Yellow #fcd34d да Portal Cyan #22d3ee. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.
По светлоте палитра тянется от #111827 (самый тёмный) до #FFFFFF (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #111827, #22D3EE, #7C3AED, #94A3B8, #FCD34D, #FFFFFF
Палитра Augmented UI Storytelling Prism содержит комбинацию из 6 кодов цветов:
HEX: #7c3aed, RGB: (124, 58, 237); HEX: #fcd34d, RGB: (252, 211, 77); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #94a3b8, RGB: (148, 163, 184); HEX: #22d3ee, RGB: (34, 211, 238); HEX: #111827, RGB: (17, 24, 39)
Упрощенная версия цветов палитры
Тень blueviolet, Тень gold, Белый, Тень lightslategrey, Тень darkturquoise, Тень Черный
Цветовая схема создана автором colourlock
Коды цветов в палитре
Augmented UI Storytelling Prism коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #7c3aed | #7c3aed | RGB(124, 58, 237) | Overlay Purple | — |
| #fcd34d | #fcd34d | RGB(252, 211, 77) | Narrative Yellow | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Wireframe White | White |
| #94a3b8 | #94a3b8 | RGB(148, 163, 184) | Backdrop Gray | — |
| #22d3ee | #22d3ee | RGB(34, 211, 238) | Portal Cyan | — |
| #111827 | #111827 | RGB(17, 24, 39) | Contrast Black | — |
Контраст палитры цветов
5 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#fcd34d | #ffffff | 1.44 |
#fcd34d | #94a3b8 | 1.77 |
#fcd34d | #22d3ee | 1.25 |
#ffffff | #22d3ee | 1.8 |
#94a3b8 | #22d3ee | 1.41 |
Изображение палитры Augmented UI Storytelling Prism png
Экспорт палитры
Скачайте "Augmented UI Storytelling Prism" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: