Le bleu électrique est une teinte vibrante et captivante située dans la gamme bleu-violet de la roue chromatique, proche du cyan. Le bleu électrique apporte une dimension d'énergie et d'innovation. C'est un choix fort pour les éléments de design, tels que les alertes, pour capter l'attention de l'utilisateur.
Le bleu électrique est représenté par des codes et valeurs spécifiques dans le monde numérique pour garantir la cohérence sur les plateformes et appareils.
- Code HEX : #00F0FF
- Valeur RVB : 0 % rouge, 94,1 % vert et 100 % bleu
L'accessibilité joue un rôle crucial dans le choix des couleurs en design UX et UI. La communauté Figma propose des plugins pour s'assurer que vos designs respectent les Web Content Accessibility Guidelines.
Voici quelques façons d'utiliser le bleu électrique dans vos designs :
- Utilisez-le avec parcimonie. Le bleu électrique est une couleur excitante et dynamique à travailler dans le design d'interface, mais il peut être fatigant pour les yeux. Utilisez le bleu électrique de manière limitée, comme pour des accents plutôt que des arrière-plans.
- Transmettez un retour visuel. Envisagez d'utiliser le bleu électrique pour les hyperliens intégrés ou les effets de survol de bouton.
- Attirez l'attention sur les alertes. Le bleu électrique fonctionne bien pour les alertes et les petites fenêtres contextuelles grâce à son apparence éclatante.
Gardez à l'esprit que la couleur et sa signification peuvent varier d'une culture à l'autre et à tout moment. Si vous créez une interface pour un public international, renseignez-vous sur la signification des couleurs pour chaque pays concerné.
Pour des variations dans le même spectre vibrant et énergique que le bleu électrique, envisagez :
- Le cyan (#00FFFF) est une option de couleur plus vive au sein de la famille bleu-vert, offrant une apparence plus éclatante.
- Le céruléen (#007BA7) est plus audacieux et plus sombre que le bleu électrique mais le complète par sa richesse.
- Le turquoise (#40E0D0) est similaire au bleu électrique mais offre plus de vert pour une option de couleur raffinée et fraîche.
- Le bleu poudre (#B6D0E2) est idéal pour ceux qui recherchent une couleur similaire au bleu électrique mais avec moins de vivacité.
Pour compléter le bleu électrique, envisagez de l'associer avec :
- Le jaune néon (#FFFF33) est un parfait compagnon énergique pour le bleu électrique, offrant un peu de contraste pour une touche dynamique et équilibrée.
- L'argent (#C4C4C4) peut ajouter de l'élégance aux palettes de design bleu électrique, offrant une couleur réservée avec une brillance métallique.
- Le magenta (#FF00FF) offre un fort contraste avec le bleu électrique, le rendant parfait pour attirer l'attention sur les détails.
- Le jaune soleil (#FFFD37) est une excellente option pour injecter une énergie joyeuse dans une palette de design avec du bleu électrique.
D'autres couleurs qui fonctionnent bien avec le bleu électrique incluent le gris charbon et le blanc, qui sont de bons choix pour les éléments nécessitant une apparence plus neutre. Le noir est également un candidat fort, offrant un arrière-plan solide pour le bleu électrique.
Bien que le bleu électrique soit audacieux et vibrant, il peut jurer avec :
- Le vert olive (#636B2F) a des sous-tons chauds qui ne forment pas un contraste harmonieux avec les tons plus frais du bleu électrique.
- Le brun foncé (#5C4033) a des tons chauds et terreux qui ne complètent pas la vivacité fraîche du bleu électrique.
- Le bleu canard (#069494) est trop similaire au bleu électrique, ce qui signifie qu'il rivalisera probablement pour attirer l'attention dans votre palette de couleurs.
- Le rouge (#FF2C2C) est une couleur primaire qui crée un contraste trop fort avec le bleu électrique, le rendant déséquilibré.
Le bleu électrique incarne l'innovation, l'énergie et la modernité. Ces dernières années, les organisations ont utilisé le bleu électrique dans leur identité visuelle pour représenter la technologie, notamment dans les industries des télécommunications et de l'électronique.
En psychologie des couleurs, le bleu électrique peut évoquer des sentiments de stabilité et de sécurité. Dans certaines situations, le bleu électrique peut également susciter des sentiments de confiance et d'optimisme.
Le bleu électrique est souvent utilisé comme couleur d'accent dans le design d'interface. Son apparence vive et éclatante peut être écrasante en grande quantité. Cependant, ces mêmes propriétés le rendent idéal pour les accents ou les appels à l'attention.
Le bleu électrique a été mentionné pour la première fois à la fin du XIXe siècle alors que la technologie progressait rapidement. Le terme a été inspiré par la lumière bleue intense des étincelles électriques et la lueur ionisée des décharges électriques, reflétant son association avec les innovations technologiques de l'époque. Distingué des bleus traditionnels par sa vivacité et sa modernité, le bleu électrique est aujourd'hui populaire dans la mode et le design pour son éclat audacieux.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Éclat Bleu
Fusion Électrique
Eaux Fraîches
Vérificateur de contraste
Contraste 1,41
- Texte en grand format
#00F0FF
- Texte normal
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Non conforme | Non conforme | |
Non conforme | Non conforme | |
Non conforme | Non conforme |
Contraste 14,91
- Texte en grand format
#00F0FF
- Texte normal
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Conforme | Conforme | |
Conforme | Conforme | |
Conforme | Conforme |
Simulations de couleurs
Protanopie
Deutéranopie
Tritanopie
Achromatopsie
La couleur hexadécimale #00f0ff, connue sous le nom de Bleu électrique, a des valeurs RVB de R:0, G:240, B:255 et des valeurs CMJN 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) |
