El azul eléctrico es un tono vibrante y llamativo dentro del rango azul-violeta del círculo cromático, cercano al cian. El azul eléctrico crea una sensación de energía e innovación. Es una elección fuerte para elementos de diseño, como alertas, para atraer la atención del usuario.
El azul eléctrico se representa mediante códigos y valores de color específicos en el mundo digital para asegurar la consistencia en todas las plataformas y dispositivos.
- Código HEX: #00F0FF
- Valor RGB: 0% rojo, 94.1% verde y 100% azul
Las consideraciones de accesibilidad juegan un papel crucial en las elecciones de color en el diseño UX y UI. Figma ofrece plugins en la Comunidad para asegurarse de que tus diseños cumplan con las Pautas de Accesibilidad de Contenidos Web.
Aquí hay algunas formas de usar el azul eléctrico en tus diseños:
- Úsalo con moderación. El azul eléctrico es un color emocionante y vibrante para trabajar en el diseño UI, pero puede ser estresante para los ojos. Usa el azul eléctrico en capacidades limitadas, como para acentos en lugar de fondos.
- Transmitir retroalimentación visual. Considera usar el azul eléctrico como color para hipervínculos incrustados o efectos de desplazamiento en botones.
- Llamar la atención sobre alertas. El azul eléctrico funciona bien para alertas y pequeños pop-ups debido a su apariencia brillante.
Ten en cuenta que el color y su significado pueden cambiar de una cultura a otra, y en cualquier momento. Si estás diseñando para una audiencia global, investiga las consideraciones de color para tus regiones específicas.
Para variaciones dentro del mismo espectro vibrante y energético que el azul eléctrico, considera:
- Cian (#00FFFF) es una opción de color más brillante dentro de la familia azul-verde, ofreciendo una apariencia más vívida.
- Cerúleo (#007BA7) es más audaz y oscuro que el azul eléctrico, pero complementa el color con su riqueza.
- Turquesa (#40E0D0) es similar al azul eléctrico, pero ofrece más verde para una opción de color refinada y fresca.
- Azul polvo (#B6D0E2) es ideal para aquellos que buscan un color similar al azul eléctrico pero con menos vibración.
Para complementar el azul eléctrico, considera emparejarlo con:
- Amarillo neón (#FFFF33) es una combinación perfecta de alta energía para el azul eléctrico, proporcionando un poco de contraste para un toque dinámico y equilibrado.
- Plata (#C4C4C4) puede ayudar a añadir elegancia a las paletas de diseño con azul eléctrico, ofreciendo un color reservado con brillo metálico.
- Magenta (#FF00FF) proporciona un fuerte contraste contra el azul eléctrico, haciéndolo perfecto para llamar la atención sobre los detalles.
- Amarillo sol (#FFFD37) es una excelente opción para inyectar energía alegre en una paleta de diseño con azul eléctrico.
Otros colores que funcionan bien con el azul eléctrico incluyen gris carbón y blanco, que son buenas opciones para elementos que necesitan una apariencia más neutral. El negro también es un fuerte contendiente, proporcionando un fondo sólido para el azul eléctrico.
Aunque el azul eléctrico es audaz y vibrante, puede chocar con:
- Verde oliva (#636B2F) tiene matices cálidos contrastantes que no armonizan bien con los tonos más fríos del azul eléctrico.
- Marrón oscuro (#5C4033) tiene tonos cálidos y terrosos que no complementan la vibrante frescura del azul eléctrico.
- Verde azulado (#069494) es demasiado similar al azul eléctrico, lo que significa que probablemente competirá por la atención dentro de tu paleta de colores.
- Rojo (#FF2C2C) es un color primario que crea un contraste demasiado fuerte contra el azul eléctrico, haciéndolo sentir desequilibrado.
El azul eléctrico simboliza innovación, energía y modernidad. En los últimos años, las organizaciones han utilizado el azul eléctrico en la marca para simbolizar la tecnología, especialmente en las industrias de telecomunicaciones y electrónica.
En la psicología del color, el azul eléctrico puede evocar sentimientos de estabilidad y seguridad. En algunas situaciones, el azul eléctrico también puede despertar sentimientos de confianza y optimismo.
El azul eléctrico se usa a menudo como color de acento en el diseño UI. Su apariencia brillante y vívida puede ser abrumadora en grandes cantidades. Sin embargo, las mismas propiedades lo hacen ideal para acentos o llamadas de atención.
El azul eléctrico se mencionó por primera vez a finales del siglo XIX a medida que la tecnología avanzaba rápidamente. El término se inspiró en la intensa luz azul de las chispas eléctricas y el resplandor ionizado del aire de las descargas eléctricas, reflejando su asociación con las innovaciones tecnológicas de la época. Distinguido de los azules tradicionales por su vibración y modernidad, el azul eléctrico es popular en la moda y el diseño hoy en día por su estilo brillante y audaz.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Resplandor Azul
Fusión Eléctrica
Aguas Frescas
Comprobador de contraste
Contraste 1,41
- Texto largo
#00F0FF
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar |
Contraste 14,91
- Texto largo
#00F0FF
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Aprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #00f0ff, también llamado Azul Eléctrico, tiene valores RGB de R:0, G:240, B:255 y 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) |
