Roxo neon é um tom vibrante e saturado que equilibra delicadamente os tons de azul e vermelho para intensidade e riqueza. Está posicionado entre o azul e o roxo na roda de cores, evocando uma sensação de energia e mistério.
Roxo neon é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #8A00C4
- Valor RGB: 54,1% vermelho, 0% verde e 76,9% azul
Considerações de acessibilidade desempenham um papel crucial na escolha de cores no design de UX e UI. Figma oferece plugins na Comunidade para garantir que seus designs atendam às Diretrizes de Acessibilidade de Conteúdo da Web.
Aqui estão algumas maneiras de usar roxo neon em seus designs:
- Evocar uma sensação moderna e empolgante. As qualidades energéticas e vívidas do roxo neon infundem diversão e ousadia em aplicativos focados em serviços futuristas ou criativos. Exemplos variam de apps de compras em AR a serviços de edição de vídeo aprimorados por IA.
- Criar hierarquia visual. Roxo neon pode fazer cabeçalhos e títulos de página se destacarem quando combinados com cores neutras.
- Usar para gamificação. A saturação brilhante do roxo neon é ideal para pontos, medalhas e outros elementos inspirados em jogos em aplicativos ou sites.
Lembre-se de que a cor e seu significado podem mudar de cultura para cultura — e a qualquer momento. Se você está projetando para um público global, pesquise considerações de cor para suas regiões específicas.
Para variações dentro do mesmo espectro energético do roxo neon, considere:
- Fúcsia (#FF00FF) compartilha a saturação do roxo neon, irradiando calor e entusiasmo.
- Magenta (#FD3DB5) tem tons de vermelho que evocam energia e alegria.
- Roxo elétrico (#BF00FF) torna-se ligeiramente mais brilhante para infundir designs com diversão e alegria.
- Índigo (#560591) é mais escuro e rico, capturando sentimentos de confiança e sabedoria.
Para complementar o roxo neon, considere combiná-lo com:
- Verde Kelly (#4CBB17) contrasta ousadamente com o roxo neon para criar um design marcante e dinâmico.
- Azul elétrico (#00F0FF) injeta nos designs uma sensação futurista, perfeita para alcançar um visual vaporwave.
- Lavanda (#D3D3FF) adiciona profundidade e equilibra a vivacidade do roxo neon para uma paleta mais suave e acessível.
- Amarelo mostarda (#FFCE1B) contrasta o roxo neon com tons quentes e terrosos para criar um par sofisticado.
Outras cores que valem a pena considerar incluem verde-azulado para um visual futurista suave, vermelho carmesim para infundir uma sensação rica e sofisticada, e azul real para uma combinação harmoniosa que realça os tons frios do roxo neon.
Embora o roxo neon seja energético, ele pode entrar em conflito com:
- Amarelo-verde (#CCFF00) pode conflitar com os tons frios do roxo neon, criando uma sensação visualmente chocante.
- Escarlate (#ED2100) pode criar uma combinação intensa com o roxo neon que pode parecer cansativa para os olhos.
- Amarelo pastel (#FFEE8C) pode ser ofuscado pela saturação do roxo neon e parecer apagado em comparação.
- Laranja brilhante (#FF991C) pode competir por atenção devido à sua alta saturação semelhante.
Roxo neon simboliza inovação, mistério e futurismo. Sua sensação elétrica exala entusiasmo e diversão. Roxo neon também pode conotar luxo dependendo das outras cores com as quais é combinado.
Na psicologia das cores, roxo neon evoca curiosidade e criatividade. Seus tons brilhantes promovem inspiração e entusiasmo.
No design de UI, roxo neon adiciona diversão e ludicidade. Pode melhorar interações gamificadas e despertar entusiasmo para cada conquista alcançada. A ousadia desse tom pode aumentar a energia de um aplicativo ou página quando usado como cor de destaque.
A cor roxa foi inicialmente usada pela realeza durante a Idade do Bronze, datando de 3300 a.C. O corante púrpura de Tiro era caro e acessível apenas aos ricos e poderosos.
Eventualmente, o roxo tornou-se uma cor do povo e foi usado no movimento sufragista feminino em meados do século XIX. Também representou individualidade e contracultura à medida que ícones da cultura pop faziam referência à cor icônica. “Purple Rain” de Prince é um dos muitos exemplos.
A popularidade do neon nos anos 1980 inspirou novas maneiras de usar o roxo para expressar criatividade. O Café Bernay's de “Miami Vice” usou cores neon rosa-arroxeadas e azuis para iluminar a icônica placa do café. Desde então, artistas e designers adotaram o tom neon do roxo para arte digital, arte de rua e novas mídias.
Também é uma escolha popular de cor para uma variedade de tecnologias, desde configurações de jogos até peças de reposição. A plataforma de streaming Twitch também usa o “Roxo Twitch” em sua marca, um tom semelhante ao roxo neon.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Clube Rave
Extra Terrestre
Ônibus de Festa
Verificador de contraste
Contraste 7,3
- Texto grande
#8A00C4
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Aprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Contraste 2,88
- Texto grande
#8A00C4
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #8a00c4, conhecida como Roxo Neon, tem valores RGB de R:138, G:0, B:196 e valores CMYK de C:30, M:100, Y:0, K:23.
| VALUE | CSS | |
|---|---|---|
| HEX | #8a00c4 | #8a00c4 |
| RGB DECIMAL | 138, 0, 196 | RGB(138,0,196) |
| RGB PERCENTAGE | 54.1, 0.0, 76.9 | RGB(54.1%,0.0%,76.9%) |
| CMYK | 30, 100, 0, 23 | |
| HSL | HSL(282.2, 100.0%, 38.4%) | HSL(282.2, 100.0%, 38.4%) |
| HSV (OR HSB) | 282.2°, 100.0, 76.9 | |
| WEB SAFE | #1530204 | #1530204 |
| BINARY | 10001010, 00000000, 11000100 | |
| iOS - SwiftUI | Color(red: 0.541, green: 0.000, blue: 0.769) | |
| iOS - UIKit | UIColor(red: 0.541, green: 0.000, blue: 0.769, alpha: 1) | |
| Android - Compose | Color(0xFF8A00C4) |
