Círculo cromático de Figma
¿Quieres encontrar los colores complementarios o análogos perfectos para combinar con el azul eléctrico?
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 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 la elección de colores en el diseño de UX y UI. Figma ofrece plugins en la Comunidad para asegurarte de que tus diseños cumplan con las Web Content Accessibility Guidelines.
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 de interfaces, pero puede ser estresante para los ojos. Usa el azul eléctrico en capacidades limitadas, como para acentos en lugar de fondos.
- Transmite retroalimentación visual. Considera usar el azul eléctrico como color para hipervínculos incrustados o efectos de desplazamiento en botones.
- Llama 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 variar según la cultura y el contexto. Si diseñas para una audiencia internacional, investiga cómo se perciben los colores en cada país.
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 quienes 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 tonos 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 petróleo (#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 de interfaces. 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 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
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Resplandor azul
Fusión eléctrica
Aguas frescas
Verificador de contraste
Contraste 1,41
- Texto grande
#00F0FF
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Contraste 14,91
- Texto grande
#00F0FF
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Aprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #00f0ff, también conocido como 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) |
