
Roue chromatique Figma
Vous souhaitez trouver les couleurs complémentaires ou analogues parfaites pour assortir le bleu ?
Naviguer jusqu'au contenu principal
Tout ce que vous devez savoir sur le bleu pour inspirer votre prochain design.
Le bleu est l'une des trois couleurs primaires du modèle de couleur RVB et peut être créé en combinant le cyan et le magenta dans le modèle de couleur CMJN. Le bleu est associé à des sentiments de calme et de tranquillité, reflétant l'apparence du ciel et des grandes étendues d'eau. Les designers peuvent utiliser les nombreuses nuances et tons froids du bleu pour évoquer une large gamme d'émotions, de la sérénité à la mélancolie.

Le bleu est défini par les codes et valeurs de couleur suivants pour garantir la cohérence sur diverses plateformes et appareils numériques.
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 dans vos designs :
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 relaxant et professionnel que le bleu, considérez :
Utiliser des tons neutres, comme le blanc ou le gris, est un choix astucieux lorsque vous souhaitez que l'impact complet du bleu se démarque dans vos designs. Pour donner un peu de peps à votre design, implémentez des couleurs complémentaires comme l'orange. Vous pourriez également envisager :
D'autres couleurs à considérer incluent la lavande, qui ajoute de la profondeur et de la sophistication à votre palette de bleus. Une autre option est la moutarde, qui ajoute une touche de couleur qui n'est pas aussi vive et criarde que le jaune classique.
Bien que le bleu soit très adaptable, il peut jurer avec :
Dans la théorie des couleurs, le bleu incarne l'harmonie et la tranquillité. Les gens se tournent vers le bleu pour établir un sentiment de sécurité et de fiabilité dans les environnements professionnels. Cependant, la signification du bleu varie selon les cultures. Les anciens Grecs le voyaient comme une couleur symbolisant les dieux et les cieux. Les peuples autochtones des États-Unis continuent de le voir comme un symbole de sagesse, de spiritualité et de guérison.
Le bleu, associé au ciel et à l'océan, évoque des sentiments de calme et de relaxation. Ces émotions aident à relier le bleu à des sentiments supplémentaires de confiance et de sécurité. Les designers utilisent couramment le bleu pour aider à soulager le stress, comme dans les hôpitaux et les bureaux.
Les designers intègrent également le bleu lorsqu'ils veulent détendre les spectateurs. De plus, parce qu'il peut transmettre un sentiment de confiance et de stabilité au spectateur, le bleu est une excellente option lors de la création d'une marque et d'une identité d'entreprise.
La couleur bleue tire son nom du mot français ancien "bleu", qui vient de la langue proto-indo-européenne. La racine "bhel" signifiait à l'origine "briller". Pendant la préhistoire, les civilisations anciennes créaient le pigment en utilisant des minéraux comme le lapis-lazuli et l'azurite.
Les anciens Égyptiens utilisaient abondamment la couleur bleue, la voyant comme un symbole du divin. La civilisation égyptienne ancienne utilisait le bleu si largement qu'ils ont inventé une teinte que nous continuons de référencer comme le bleu égyptien ; les Égyptiens ont synthétisé la couleur à partir de silice, de chaux, de cuivre et d'alcali. Ils l'utilisaient dans l'art, les bijoux, les cosmétiques, et pour peindre l'extérieur des pyramides. Les anciens Grecs appréciaient également la couleur bleue, l'intégrant dans l'art et l'architecture.
À travers le Moyen Âge et la Renaissance, le bleu est devenu associé à la royauté. Le pigment était rare et coûteux, le rendant plus précieux que certains métaux précieux, y compris l'or. Avec la Révolution industrielle, les chimistes ont découvert comment fabriquer des pigments bleus synthétiques, rendant la couleur plus abordable.
Nuances
Teintes
Tons
Teintes
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Écho Azur
Nuit Étoilée
Tisseur de Rêves
Contraste 8,59
#0000FF
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Conforme | Conforme | |
Conforme | Conforme | |
Conforme | Conforme |
Contraste 2,44
#0000FF
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 |
Protanopie
Deutéranopie
Tritanopie
Achromatopsie
La couleur hexadécimale #0000ff, connue sous le nom de Bleu, a des valeurs RVB de R:0, G:0, B:255 et des valeurs CMJN de C:100, M:100, Y:0, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #0000ff | #0000ff |
| RGB DECIMAL | 0, 0, 255 | RGB(0,0,255) |
| RGB PERCENTAGE | 0.0, 0.0, 100.0 | RGB(0.0%,0.0%,100.0%) |
| CMYK | 100, 100, 0, 0 | |
| HSL | HSL(240.0, 100.0%, 50.0%) | HSL(240.0, 100.0%, 50.0%) |
| HSV (OR HSB) | 240.0°, 100.0, 100.0 | |
| WEB SAFE | #00255 | #00255 |
| BINARY | 00000000, 00000000, 11111111 | |
| iOS - SwiftUI | Color(red: 0.000, green: 0.000, blue: 1.000) | |
| iOS - UIKit | UIColor(red: 0.000, green: 0.000, blue: 1.000, alpha: 1) | |
| Android - Compose | Color(0xFF0000FF) |

Vous souhaitez trouver les couleurs complémentaires ou analogues parfaites pour assortir le bleu ?

Découvrez la couleur royale du bleu foncé.

Découvrez la nature électrique du cyan.