UX Wireframe Neural Arcade
- Sketch White#ffffff
- Wire Indigo#536dfe
- Layer Graphite#424242
- Pixel Lime#d4e157
- Button Coral#ff8a65
- Grid Overlay Gray#9e9e9e
Criado em 08/21/2025 11:39
A paleta consiste em cores Claro, Semi escuro. Cores de destaque Wire Indigo #536dfe e Button Coral #ff8a65. A paleta tem Neutro, Frio, Quente temperatura de cores.
Em luminosidade, a paleta vai de #424242 (mais escuro) a #FFFFFF (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.
No geral, a temperatura tende para o quente (2 de 6).
Códigos HEX (ordenados): #424242, #536DFE, #9E9E9E, #D4E157, #FF8A65, #FFFFFF
A paleta UX Wireframe Neural Arcade combina 6 códigos de cor:
HEX: #ffffff, RGB: (255, 255, 255); HEX: #536dfe, RGB: (83, 109, 254); HEX: #424242, RGB: (66, 66, 66)
HEX: #d4e157, RGB: (212, 225, 87); HEX: #ff8a65, RGB: (255, 138, 101); HEX: #9e9e9e, RGB: (158, 158, 158)
Versão simplificada das cores da paleta
Branco, Tom claro de Azul-royal, Tom escuro de Cinza-ardósia-escuro, Tom escuro de Cáqui, Tom claro de Coral, Tom escuro de Cinza-escuro
O esquema de cores foi criado por colorstudio
Códigos de cores na paleta
UX Wireframe Neural Arcade códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #ffffff | #ffffff | RGB(255, 255, 255) | Sketch White | White |
| #536dfe | #536dfe | RGB(83, 109, 254) | Wire Indigo | — |
| #424242 | #424242 | RGB(66, 66, 66) | Layer Graphite | Black Panther |
| #d4e157 | #d4e157 | RGB(212, 225, 87) | Pixel Lime | — |
| #ff8a65 | #ff8a65 | RGB(255, 138, 101) | Button Coral | — |
| #9e9e9e | #9e9e9e | RGB(158, 158, 158) | Grid Overlay Gray | Gray62 |
Contraste da paleta de cores
6 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 |
|---|---|---|
#ffffff | #d4e157 | 1.42 |
#536dfe | #ff8a65 | 1.82 |
#536dfe | #9e9e9e | 1.57 |
#d4e157 | #ff8a65 | 1.62 |
#d4e157 | #9e9e9e | 1.87 |
#ff8a65 | #9e9e9e | 1.15 |
Paleta de imagens UX Wireframe Neural Arcade png
Exportar paleta
Baixe a "UX Wireframe Neural Arcade" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: