Laranja neon é um tom de laranja vívido e quente, caracterizado por sua alta energia e vivacidade. Posicionado entre o vermelho e o laranja na roda de cores, essa cor lembra frutas cítricas e dias ensolarados de verão.
Laranja neon é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #FF5C00
- Valor RGB: 100% vermelho, 36,1% verde e 0% 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 laranja neon em seus designs:
- Chame a atenção. Use laranja neon com moderação para elementos cruciais como botões de CTA, notificações importantes ou barras de progresso.
- Crie empolgação. Laranja neon injeta uma sensação de energia na sua interface. Isso é perfeito para aplicativos ou sites relacionados a esportes, jogos ou entretenimento.
- Forneça contraste. Em grandes quantidades, laranja neon pode ser cansativo para os olhos. Em vez de torná-lo sua cor principal de UI, use-o como uma cor de destaque em um fundo neutro como branco, preto ou cinza.
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 brilhante do laranja neon, considere:
- Laranja brilhante (#FF991C) é um laranja altamente saturado, evocando uma qualidade alegre e vibrante.
- Amarelo-laranja (#FFB343) é um laranja ensolarado que captura a alegria do verão.
- Vermelho-laranja (#FF4B33) fica ao lado do laranja neon na roda de cores, mas é mais próximo do vermelho do que do laranja.
- Tangerina (#FFA800) é um laranja brilhante, quase amarelo-laranja, nomeado após a fruta cítrica.
Para complementar o laranja neon, considere combiná-lo com:
- Azul real (#305CDE) cria um contraste divertido com o laranja neon.
- Fúcsia (#FF00FF) é um rosa vívido que cria um visual divertido e tropical quando combinado com laranja neon.
- Verde oliva (#636B2F) é um tom terroso e suave que pode formar uma paleta outonal interessante com laranja neon.
- Marrom (#895129) é uma cor neutra e aconchegante que permite que o laranja neon se destaque.
- Índigo (#560591) contrasta fortemente com o laranja neon, criando uma vibração alegre e energética.
Outras cores que complementam o laranja neon incluem azul marinho para um contraste clássico, lavanda para uma paleta leve e animada, e cinza para enfatizar o brilho do laranja neon.
Embora o laranja neon seja brilhante, ele pode entrar em conflito com:
- Amarelo neon (#FFFF00) é um tom ousado que entra em conflito com o tom quente do laranja neon.
- Verde neon (#2CFF05) cria um contraste visualmente chocante e desagradável.
- Bege (#EDE8D0) tende a atenuar a vivacidade do laranja neon, tornando a combinação plana e sem graça.
- Água de rosas (#FFD6D1) é um rosa suave com tons delicados que são ofuscados pelo laranja neon.
- Preto (#000000) e laranja neon podem formar uma ótima paleta para decorações de Halloween, mas a combinação usada em outros contextos pode criar um contraste marcante e dramático.
Laranja neon simboliza entusiasmo e confiança. Sua natureza brilhante, mas quente, também carrega conotações de diversão, brincadeira e criatividade.
Na psicologia das cores, o laranja neon evoca assertividade. Sua ousadia demanda atenção, sugerindo uma disposição para correr riscos.
No design de UI, o laranja neon pode chamar a atenção, tornando-se uma ótima cor para CTAs. No entanto, a intensidade do laranja neon pode sobrecarregar o usuário em grandes quantidades. Certifique-se de usar o laranja neon estrategicamente para evitar criar uma interface superestimulante.
O laranja neon foi criado em 1910 pelo engenheiro francês Georges Claude, que inventou a iluminação neon. As primeiras luzes neon usavam gás neon, que produzia um brilho laranja-avermelhado distinto.
A popularidade do neon cresceu junto com o surgimento das cidades urbanas. Você ainda pode encontrá-lo em coletes refletivos usados por trabalhadores de construção e segurança. O laranja neon ganhou destaque na moda, design e publicidade durante a década de 1980. Sua associação com energia, vivacidade e modernidade o tornou uma escolha popular em uma cultura que abraçava estéticas ousadas.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Psychedelic Punch
Thrift
Hot Sauce
Verificador de contraste
Contraste 3,1
- Texto grande
#FF5C00
- 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,78
- Texto grande
#FF5C00
- 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 #ff5c00, conhecida como laranja neon, tem valores RGB de R:255, G:92, B:0 e valores CMYK de C:0, M:64, Y:100, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #ff5c00 | #ff5c00 |
| RGB DECIMAL | 255, 92, 0 | RGB(255,92,0) |
| RGB PERCENTAGE | 100.0, 36.1, 0.0 | RGB(100.0%,36.1%,0.0%) |
| CMYK | 0, 64, 100, 0 | |
| HSL | HSL(21.6, 100.0%, 50.0%) | HSL(21.6, 100.0%, 50.0%) |
| HSV (OR HSB) | 21.6°, 100.0, 100.0 | |
| WEB SAFE | #2551020 | #2551020 |
| BINARY | 11111111, 01011100, 00000000 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.361, blue: 0.000) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.361, blue: 0.000, alpha: 1) | |
| Android - Compose | Color(0xFFFF5C00) |
