O azul elétrico é um tom vibrante e chamativo dentro da faixa azul-violeta da roda de cores, próximo ao ciano. O azul elétrico cria uma sensação de energia e inovação. É uma escolha forte para elementos de design, como alertas, para atrair a atenção do usuário.
O azul elétrico é representado por códigos e valores de cor específicos no mundo digital para garantir consistência em plataformas e dispositivos.
- Código HEX: #00F0FF
- Valor RGB: 0% vermelho, 94,1% 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 elétrico em seus designs:
- Use com moderação. O azul elétrico é uma cor empolgante e vibrante para trabalhar no design de UI, mas pode ser cansativo para os olhos. Use o azul elétrico em capacidades limitadas, como para destaques em vez de fundos.
- Transmita feedback visual. Considere usar azul elétrico como cor para hiperlinks embutidos ou efeitos de hover em botões.
- Atraia atenção para alertas. O azul elétrico funciona bem para alertas e pequenos pop-ups devido à sua aparência brilhante.
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 vibrante e energético do azul elétrico, considere:
- Ciano (#00FFFF) é uma opção de cor mais brilhante dentro da família azul-verde, oferecendo uma aparência mais vívida.
- Cerúleo (#007BA7) é mais ousado e escuro que o azul elétrico, mas complementa a cor com sua riqueza.
- Turquesa (#40E0D0) é semelhante ao azul elétrico, mas oferece mais verde para uma opção de cor refinada e fria.
- Azul claro (#B6D0E2) é ideal para quem busca uma cor semelhante ao azul elétrico, mas com menos vivacidade.
Para complementar o azul elétrico, considere combiná-lo com:
- Amarelo neon (#FFFF33) é uma combinação perfeita de alta energia para o azul elétrico, proporcionando um pouco de contraste para um toque dinâmico e equilibrado.
- Prata (#C4C4C4) pode ajudar a adicionar elegância às paletas de design com azul elétrico, oferecendo uma cor reservada com brilho metálico.
- Magenta (#FF00FF) fornece um forte contraste contra o azul elétrico, tornando-o perfeito para chamar atenção aos detalhes.
- Amarelo sol (#FFFD37) é uma excelente opção para injetar energia alegre em uma paleta de design com azul elétrico.
Outras cores que funcionam bem com azul elétrico incluem cinza carvão e branco, que são boas escolhas para elementos que precisam de uma aparência mais neutra. O preto também é um forte concorrente, proporcionando um fundo sólido para o azul elétrico.
Embora o azul elétrico seja ousado e vibrante, ele pode entrar em conflito com:
- Verde oliva (#636B2F) tem tons quentes contrastantes que não harmonizam bem com os tons mais frios do azul elétrico.
- Marrom escuro (#5C4033) tem tons quentes e terrosos que não complementam a vivacidade fria do azul elétrico.
- Verde-azulado (#069494) é muito semelhante ao azul elétrico, o que significa que provavelmente competirá por atenção dentro de sua paleta de cores.
- Vermelho (#FF2C2C) é uma cor primária que cria um contraste muito chocante contra o azul elétrico, fazendo com que pareça desequilibrado.
O azul elétrico simboliza inovação, energia e modernidade. Nos últimos anos, organizações têm usado o azul elétrico em branding para simbolizar tecnologia, especialmente nas indústrias de telecomunicações e eletrônicos.
Na psicologia das cores, o azul elétrico pode evocar sentimentos de estabilidade e segurança. Em algumas situações, o azul elétrico também pode despertar sentimentos de confiança e otimismo.
O azul elétrico é frequentemente usado como cor de destaque no design de UI. Sua aparência brilhante e vívida pode ser avassaladora em grandes quantidades. No entanto, as mesmas propriedades o tornam ideal para destaques ou chamadas de atenção.
O azul elétrico foi mencionado pela primeira vez no final do século XIX, à medida que a tecnologia avançava rapidamente. O termo foi inspirado pela intensa luz azul das faíscas elétricas e pelo brilho ionizado do ar das descargas elétricas, refletindo sua associação com as inovações tecnológicas da época. Distinguido dos azuis tradicionais por sua vivacidade e modernidade, o azul elétrico é popular na moda e no design hoje por seu toque brilhante e ousado.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Brilho Azul
Fusão Elétrica
Águas Frias
Verificador de contraste
Contraste 1,41
- Texto grande
#00F0FF
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Contraste 14,91
- Texto grande
#00F0FF
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Aprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #00f0ff, conhecida como Azul Elétrico, tem valores RGB de R:0, G:240, B:255 e valores CMYK de C:100, M:6, Y:0, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #00f0ff | #00f0ff |
| RGB DECIMAL | 0, 240, 255 | RGB(0,240,255) |
| RGB PERCENTAGE | 0.0, 94.1, 100.0 | RGB(0.0%,94.1%,100.0%) |
| CMYK | 100, 6, 0, 0 | |
| HSL | HSL(183.5, 100.0%, 50.0%) | HSL(183.5, 100.0%, 50.0%) |
| HSV (OR HSB) | 183.5°, 100.0, 100.0 | |
| WEB SAFE | #0255255 | #0255255 |
| BINARY | 00000000, 11110000, 11111111 | |
| iOS - SwiftUI | Color(red: 0.000, green: 0.941, blue: 1.000) | |
| iOS - UIKit | UIColor(red: 0.000, green: 0.941, blue: 1.000, alpha: 1) | |
| Android - Compose | Color(0xFF00F0FF) |
