Criado em 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
A paleta consiste em cores Semi escuro, Luz, Escuro. Cores de destaque Narrative Yellow #fcd34d e Portal Cyan #22d3ee. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #111827 (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é ampla.
Saturação mista — tons suaves e acentos mais vivos.
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
No geral, a temperatura tende para o frio.
Códigos HEX (ordenados): #111827, #22D3EE, #7C3AED, #94A3B8, #FCD34D, #FFFFFF
A paleta Augmented UI Storytelling Prism tem uma combinação de cores de códigos de 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)
Versão simplificada das cores da paleta
Sombra de blueviolet, Sombra de gold, Branco, Sombra de lightslategrey, Sombra de darkturquoise, Sombra de Preto
O esquema de cores foi criado por colourlock
Códigos de cores na paleta
Augmented UI Storytelling Prism códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #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 | — |
Contraste da Paleta de Cores
5 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Taxa de contraste |
#fcd34d | #ffffff | 1.44 |
#fcd34d | #94a3b8 | 1.77 |
#fcd34d | #22d3ee | 1.25 |
#ffffff | #22d3ee | 1.8 |
#94a3b8 | #22d3ee | 1.41 |
Paleta de imagens Augmented UI Storytelling Prism png
Exportar paleta
Baixe a "Augmented UI Storytelling Prism" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: