Ir para o conteúdo principal

Verde-neon

Tudo o que você precisa saber sobre verde 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

Com seu brilho e energia, o verde neon é um tom intensamente vívido e elétrico. Esta tonalidade está próxima do verde e do amarelo na roda de cores, incorporando vivacidade e modernidade. É distintamente radiante, lembrando o verde fluorescente brilhante.

color verde neoncolor verde neon

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

- Código HEX: #2CFF05

- Valor RGB: 17,3% vermelho, 100% verde e 2% azul

Considerações de acessibilidade desempenham um papel crucial na escolha de cores no design de UX e UI. O 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 incorporar o verde neon em seu projeto:

  • Energize e atraia atenção. O verde neon é incrivelmente vibrante e pode ser usado para chamar atenção instantaneamente. Use-o em botões de CTA ou barras de progresso para destacá-los.
  • Use em aplicativos de jogos e entretenimento. Dada sua vibração dinâmica e energética, o verde neon é perfeito para aplicativos de jogos e entretenimento, aprimorando estéticas futuristas ou de alta energia.
  • Combine com fundos escuros para destacar. O verde neon contra fundos escuros, especialmente em designs de "modo escuro", cria um contraste moderno e altamente legível, fazendo com que os elementos saltem da tela para incentivar o engajamento do usuário.
  • Uso moderado para destaque. Use o verde neon com moderação para destacar informações importantes ou elementos interativos, evitando sobrecarregar o design.

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

  • Verde lima (#89F336) compartilha a mesma energia vibrante com uma intensidade um pouco menos neon, tornando-se uma alternativa mais versátil, mas igualmente animada.
  • Chartreuse (#CCFF00) aumenta o brilho, oferecendo um tom amarelo-esverdeado que captura o apelo chamativo do verde neon com um tom ligeiramente diferente.
  • Verde fluorescente (#39FF14) é quase sinônimo de verde neon, proporcionando um brilho semelhante, mas com um toque de azul, tornando-o ligeiramente mais frio em temperatura.
  • Lima elétrica (#7FFF00) mistura as qualidades eletrizantes do verde neon com um subtom amarelo mais suave, criando uma cor única e vibrante, mas um pouco mais suave.

O verde neon é muito ousado, então combiná-lo com outras cores pode ser complicado. Se você deseja um design brilhante e chamativo, combine-o com outras cores primárias ousadas, como azuis elétricos. Se usar o verde neon como cor de destaque, combine-o com rosas na faixa vermelho-violeta para complementar os toques de vermelho em sua base. Você também pode considerar:

  • Preto (#000000) oferece um contraste marcante e fundamentado que permite que o verde neon se destaque dramaticamente, realçando sua vivacidade.
  • Cinza escuro (#8C92AC) fornece uma tela neutra e moderna que atenua a intensidade do verde neon para um visual equilibrado e contemporâneo.
  • Branco (#FFFFFF) cria um contraste nítido e limpo que amplifica a luminosidade do verde neon, fazendo-o se destacar ainda mais.
  • Azul real (#305CDE) introduz uma cor rica e profunda que contrasta com o brilho do verde neon, adicionando uma dimensão régia à paleta.
  • Rosa choque (#FF69B4) faz uma combinação ousada e divertida, cheia de energia e diversão, atraindo uma estética jovem e vibrante.

Outras cores que funcionam com o verde neon incluem azul marinho para um contraste clássico e sofisticado, prata para um design futurista e elegante, e coral para um clima quente e de verão.

O verde neon pode entrar em conflito com:

  • Laranja queimado (#CC5500) pode criar um contraste visualmente chocante que prejudica o fluxo coeso da paleta de cores, tornando-a menos atraente.
  • Verde oliva (#808000), com seus tons terrosos e suaves, pode não fornecer contraste suficiente e pode atenuar a vivacidade do verde neon.
  • Bordô (#800000), embora rico e profundo, pode competir demais com o verde neon, criando uma paleta que pode parecer opressiva ou caótica.
  • Vermelho (#FF2C2C) oferece um contraste clássico, mas pode ser muito agressivo quando combinado com verde neon, levando a uma combinação visualmente intensa e potencialmente desconfortável.
  • Roxo (#800080), embora régio, pode ofuscar o brilho do verde neon, levando a um visual pesado e menos harmonioso.

O verde neon simboliza juventude, vitalidade e tecnologia de ponta. Seu brilho o faz se destacar, representando inovação e pensamento avançado. Ao contrário do verde tradicional, que sugere calma e natureza, o verde neon transmite alerta e energia. Sua capacidade de chamar atenção instantaneamente o torna ideal para equipamentos de segurança e roupas de alta visibilidade, sinalizando aviso e cautela.

Na psicologia das cores, o efeito do verde neon mostra uma natureza dupla: pode aumentar a criatividade e promover energia, mas também pode irritar ou superestimular.

No design de UI, usar o verde neon requer equilíbrio para evitar sobrecarregar os usuários. Ele pode destacar notificações urgentes de forma eficaz, oferecendo uma escolha dinâmica para espaços digitais focados em interação e design de ponta. Certifique-se de usá-lo com intenção e propósito.

A história do verde neon começou com a descoberta do gás neon em 1898 pelos químicos britânicos William Ramsay e Morris W. Travers, o que levou à invenção das luzes neon por Georges Claude. Inicialmente popular em Paris, o brilho distinto e vibrante das luzes neon logo se tornou uma sensação na América.

A aplicação do neon se expandiu para sinalização e roupas de segurança, aumentando a visibilidade em ambientes perigosos. Nas décadas de 1930 e 1940, o neon entrou no mundo da arte, celebrado por ícones como Andy Warhol. Na década de 1960, o apelo do neon diminuiu e foi associado à decadência urbana. No entanto, artistas como Joseph Kosuth e Dan Flavin revitalizaram o neon por meio de instalações artísticas, marcando um ressurgimento do neon na cultura.

Hoje, as cores neon — especialmente o verde — ressurgiram na arte, moda e publicidade.

Variações de cor

Sombras

Tonalidades

Tons

Matizes

Harmonias de cores

Complementar

Dividida

Monocromática

Análoga

Triádica

Quadrado

Paletas personalizadas

Tons Alienígenas

Disco dos Anos 80

Lima Refrescante

Verificador de contraste

Contraste 1,36

Texto grande

#2CFF05

Texto normal

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

Este é um texto #2CFF05 sobre fundo #FFFFFF.
Categoria
Reprovado
Reprovado
Reprovado
Reprovado
Reprovado
Reprovado

Contraste 15,41

Texto grande

#2CFF05

Texto normal

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

Este é um texto #2CFF05 sobre fundo #000000.
Categoria
Aprovado
Aprovado
Aprovado
Aprovado
Aprovado
Aprovado

Simulações de cor

Protanopia

Deuteranopia

Tritanopia

Acromatopsia

A cor hexadecimal #2cff05, conhecida como verde neon, tem valores RGB de R:44, G:255, B:5 e valores CMYK de C:83, M:0, Y:98, K:0.

VALUECSS
HEX#2cff05#2cff05
RGB DECIMAL44, 255, 5RGB(44,255,5)
RGB PERCENTAGE17.3, 100.0, 2.0RGB(17.3%,100.0%,2.0%)
CMYK83, 0, 98, 0
HSLHSL(110.6, 100.0%, 51.0%)HSL(110.6, 100.0%, 51.0%)
HSV (OR HSB)110.6°, 98.0, 100.0
WEB SAFE#512550#512550
BINARY00101100, 11111111, 00000101
iOS - SwiftUIColor(red: 0.173, green: 1.000, blue: 0.020)
iOS - UIKitUIColor(red: 0.173, green: 1.000, blue: 0.020, alpha: 1)
Android - ComposeColor(0xFF2CFF05)
Obter paleta de cores