Rosa neon mistura rosa e roxo em um tom eletrizante, evocando o brilho fluorescente das luzes de neon. Este tom possui qualidades brilhantes e vibrantes com uma sensação energética que atrai o olhar.
Rosa neon é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #FF13F0
- Valor RGB: 100% vermelho, 7,5% verde e 94,1% 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 rosa neon em seus designs:
- Crie uma interface energética. Rosa neon evoca excitação, então incorporá-lo ao seu design cria uma atmosfera estimulante e envolvente.
- Estabeleça hierarquia visual. Como uma luz de neon, o rosa neon pode atrair o olhar e enfatizar elementos importantes. Usar rosa neon para CTAs ou destacar novos recursos pode chamar a atenção e criar um senso de urgência.
- Forneça feedback visual claro. Rosa neon pode sinalizar o recebimento de entrada do usuário ou a conclusão de uma tarefa. Mudar a borda de uma caixa de texto de branco para rosa neon pode confirmar imediatamente a entrada do usuário. Um tique rosa neon após uma ação bem-sucedida do usuário também pode ser um reforço distinto.
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 as considerações de cor para suas regiões específicas.
Para complementar o rosa neon, considere combiná-lo com:
- Verde neon (#2CFF05) complementa o brilho do rosa neon, mas use essa combinação com moderação para reduzir a fadiga ocular.
- Azul menta (#98FBCB) realça os tons mais frios do rosa neon para criar uma paleta mais calma, mas vibrante.
- Malva (#E0AFFF) refina a eletricidade do rosa neon com um ar suave.
Outras cores que valem a pena considerar incluem aqua para realçar a vivacidade do rosa neon, borgonha para uma estética sofisticada e verde jade para uma paleta floral brilhante.
Embora o rosa neon seja ousado, ele pode entrar em conflito com:
- Lavanda (#D3D3FF) conflita com a alta saturação e os tons vermelhos do rosa neon.
- Pêssego (#FFD3AC) amortece a energia do rosa neon com baixa saturação e tons alaranjados.
- Ciano (#00FFFF) cria um contraste chocante com seus tons frios e brilhantes.
- Lilás (#A47DAB) fica pálido ao lado do rosa neon com sua baixa saturação e tons roxos mais fortes.
Rosa neon simboliza ousadia, confiança e excitação. Muitas vezes, conota individualidade e a vivacidade da era digital, mas também pode representar rebeldia contra a conformidade.
Na psicologia das cores, o rosa neon é estimulante, excitante e chamativo. Em grandes quantidades, sua natureza energizante pode sobrecarregar, criando um senso de urgência.
No design de UI, o rosa neon indica efetivamente informações importantes, sendo útil para CTAs, mensagens de erro não urgentes e ofertas sensíveis ao tempo. Funciona bem para criar interfaces ousadas e modernas, mas use-o com moderação como um destaque para evitar fadiga ocular.
Rosa neon é uma cor relativamente nova, originada no início dos anos 1900, quando Georges Claude inventou as luzes de neon. O adjetivo “neon” passou a se referir a várias cores brilhantes e vibrantes.
Os anos 1980 acolheram cores brilhantes como o rosa neon em paletas de moda vívidas e chamativas como uma rebeldia contra tons apagados. O rosa neon ultra-brilhante permaneceu popular nas culturas de boates e festivais — seu efeito de brilho combina bem com ambientes de alta energia.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Capricho Neon
Flora Hiper
Disco
Verificador de contraste
Contraste 3,18
- Texto grande
#FF13F0
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Aprovado | Reprovado | |
Aprovado | Reprovado |
Contraste 6,6
- Texto grande
#FF13F0
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Reprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #ff13f0, conhecida como Rosa neon, tem valores RGB de R:255, G:19, B:240 e valores CMYK de C:0, M:93, Y:6, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #ff13f0 | #ff13f0 |
| RGB DECIMAL | 255, 19, 240 | RGB(255,19,240) |
| RGB PERCENTAGE | 100.0, 7.5, 94.1 | RGB(100.0%,7.5%,94.1%) |
| CMYK | 0, 93, 6, 0 | |
| HSL | HSL(303.8, 100.0%, 53.7%) | HSL(303.8, 100.0%, 53.7%) |
| HSV (OR HSB) | 303.8°, 92.5, 100.0 | |
| WEB SAFE | #2550255 | #2550255 |
| BINARY | 11111111, 00010011, 11110000 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.075, blue: 0.941) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.075, blue: 0.941, alpha: 1) | |
| Android - Compose | Color(0xFFFF13F0) |
