Ir para o conteúdo principal

Azul-neon

Tudo o que você precisa saber sobre azul neon para inspirar seu próximo design.

Obter paleta de cores

Escolha uma cor

Hex

RGB

HSB

HSL

Escolha as configurações da paleta

Paletas personalizadas

Azul neon é um tom vibrante e frio que combina a confiabilidade do azul com a energia e o entusiasmo das cores neon. Este tom estimulante possui qualidades modernas, promovendo inovação e pensamento avançado.

color Azul Neoncolor Azul Neon

O azul neon é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.

- Código HEX: #2323FF

- Valor RGB: 13,7% vermelho, 13,7% verde e 100% 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 o azul neon em seus designs:

  • Crie um ponto focal. Use azul neon com moderação para botões, chamadas para ação ou elementos importantes para atrair o olhar do usuário.
  • Realce um tema futurista ou tecnológico. A associação do azul neon com tecnologia moderna o torna perfeito para interfaces com uma sensação inovadora ou de alta tecnologia.
  • Estabeleça um clima energético. Use azul neon como cor de destaque para infundir seu design com uma energia dinâmica e chamativa.

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 vívido do azul neon, considere:

  • Azul (#0000FF) é o azul mais puro e intenso na roda de cores.
  • Azul real (#305CDE) é um azul luxuoso com vibração semelhante.
  • Azul escuro (#111184) é um tom de azul profundo, ligeiramente menos saturado que o azul neon.
  • Azul marinho (#000080) é um azul escuro clássico com saturação semelhante.

Para complementar o azul neon, considere combiná-lo com:

  • Amarelo brilhante (#FFED29) cria uma vibração energética e divertida.
  • Branco (#FFFFFF) permite um contraste limpo e brilhante, fazendo o azul neon se destacar.
  • Prata (#C4C4C4) tem um tom cinza metálico que suaviza o azul neon para criar uma sensação mais sofisticada.
  • Laranja neon (#FF5C00) é uma cor complementar que proporciona um contraste vibrante.

Outras cores que valem a pena considerar incluem preto para um contraste dramático e uma sensação moderna e cereja para um toque de alta energia em seu design.

Embora o azul neon seja brilhante, ele pode entrar em conflito com:

  • Roxo neon (#8A00C4) compete por atenção, criando um choque visualmente avassalador.
  • Verde limão (#89F336) também é altamente saturado, criando uma sensação caótica.
  • Lavanda (#D3D3FF) é um pastel que parece desbotado ao lado da intensidade do azul neon.
  • Verde menta (#ADEBB3) conflita com a natureza brilhante do azul neon, tornando-o muito opressor.
  • Chocolate (#713600) tem um tom quente, que entra em conflito com a natureza fria do azul neon.

Azul neon é uma cor chamativa associada à modernidade, tecnologia e inovação, representando o avanço em direção ao futuro. Em algumas culturas, o azul neon também pode simbolizar energia, entusiasmo e comunicação aberta.

Na psicologia das cores, o azul neon está ligado a sentimentos de foco e estimulação mental. Ele pode criar uma sensação de energia aumentada, mas o uso excessivo de azul neon pode sobrecarregar e levar à inquietação.

No design de UI, o azul neon captura efetivamente a atenção e cria uma sensação de entusiasmo. No entanto, devido ao seu brilho, o azul neon deve ser usado com moderação como cor dominante. Quando combinado com tons neutros ou azuis mais escuros, o azul neon mantém seu impacto sem sobrecarregar o usuário.

A cor azul neon surgiu com a criação das lâmpadas de neon no início dos anos 1900. O engenheiro francês Georges Claude inventou essas lâmpadas, que inicialmente produziam uma luz laranja-avermelhada intensa. No entanto, os cientistas observaram que o uso de diferentes gases resultava em várias cores. Em vez de gás neon, o vapor de mercúrio cria o azul neon.

O azul neon rapidamente se associou à era atual, especialmente em cidades movimentadas com seus anúncios brilhantes e vida noturna. Essa ligação com a inovação continua hoje, com marcas de alta tecnologia como Zoom e Samsung usando azul neon para um visual moderno e futurista.

Variações de cor

Sombras

Tonalidades

Tons

Matizes

Harmonias de cores

Complementar

Dividida

Monocromática

Análoga

Triádica

Quadrado

Paletas personalizadas

Azuis Cósmicos

Celestial

Noite Festiva

Verificador de contraste

Contraste 7,62

Texto grande

#2323FF

Texto normal

Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.

Este é um texto #2323FF sobre fundo #FFFFFF.
Categoria
Aprovado
Aprovado
Aprovado
Aprovado
Aprovado
Aprovado

Contraste 2,76

Texto grande

#2323FF

Texto normal

Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.

Este é um texto #2323FF sobre fundo #000000.
Categoria
Reprovado
Reprovado
Reprovado
Reprovado
Reprovado
Reprovado

Simulações de cor

Protanopia

Deuteranopia

Tritanopia

Acromatopsia

A cor hexadecimal #2323ff, conhecida como Azul Neon, tem valores RGB de R:35, G:35, B:255 e valores CMYK de C:86, M:86, Y:0, K:0.

VALUECSS
HEX#2323ff#2323ff
RGB DECIMAL35, 35, 255RGB(35,35,255)
RGB PERCENTAGE13.7, 13.7, 100.0RGB(13.7%,13.7%,100.0%)
CMYK86, 86, 0, 0
HSLHSL(240.0, 100.0%, 56.9%)HSL(240.0, 100.0%, 56.9%)
HSV (OR HSB)240.0°, 86.3, 100.0
WEB SAFE#5151255#5151255
BINARY00100011, 00100011, 11111111
iOS - SwiftUIColor(red: 0.137, green: 0.137, blue: 1.000)
iOS - UIKitUIColor(red: 0.137, green: 0.137, blue: 1.000, alpha: 1)
Android - ComposeColor(0xFF2323FF)
Obter paleta de cores