Augmented UI Kit for Spatial Web
- AR Lens Blue#3a86ff
- Spatial Grid Gray#e0e0e0
- Overlay Neon Pink#ff5eab
- Marker White#f8f9fa
- Z-Axis Black#2e2e2e
- Surface Light#faf3dd
Criado em 07/11/2025 16:31
A paleta consiste em cores Claro, Escuro. Cores de destaque Overlay Neon Pink #ff5eab e Marker White #f8f9fa. A paleta tem Frio, Neutro, Quente temperatura de cores.
Em luminosidade, a paleta vai de #2E2E2E (mais escuro) a #F8F9FA (mais claro). A faixa de luminosidade é ampla.
Saturação mista — 3 suaves e 3 vívidas em 6 cores.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
A maioria das amostras lê-se como neutra em temperatura (4 de 6).
Códigos HEX (ordenados): #2E2E2E, #3A86FF, #E0E0E0, #F8F9FA, #FAF3DD, #FF5EAB
A paleta Augmented UI Kit for Spatial Web combina 6 códigos de cor:
HEX: #3a86ff, RGB: (58, 134, 255); HEX: #e0e0e0, RGB: (224, 224, 224); HEX: #ff5eab, RGB: (255, 94, 171)
HEX: #f8f9fa, RGB: (248, 249, 250); HEX: #2e2e2e, RGB: (46, 46, 46); HEX: #faf3dd, RGB: (250, 243, 221)
Versão simplificada das cores da paleta
Tom claro de Azul-dodger, Tom claro de Gainsboro, Tom escuro de Rosa-choque, Tom claro de Fumaça-branca, Tom claro de Preto, Tom escuro de Seda-de-milho
O esquema de cores foi criado por palettespicker
Códigos de cores na paleta
Augmented UI Kit for Spatial Web códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #3a86ff | #3a86ff | RGB(58, 134, 255) | AR Lens Blue | — |
| #e0e0e0 | #e0e0e0 | RGB(224, 224, 224) | Spatial Grid Gray | Gray88 |
| #ff5eab | #ff5eab | RGB(255, 94, 171) | Overlay Neon Pink | — |
| #f8f9fa | #f8f9fa | RGB(248, 249, 250) | Marker White | — |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | Z-Axis Black | Carbon Fiber |
| #faf3dd | #faf3dd | RGB(250, 243, 221) | Surface Light | Vanilla Powder |
Contraste da paleta de cores
4 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Razão de contraste |
|---|---|---|
#3a86ff | #ff5eab | 1.23 |
#e0e0e0 | #f8f9fa | 1.25 |
#e0e0e0 | #faf3dd | 1.18 |
#f8f9fa | #faf3dd | 1.05 |
Paleta de imagens Augmented UI Kit for Spatial Web png
Exportar paleta
Baixe a "Augmented UI Kit for Spatial Web" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: