Naviguer jusqu'au contenu principal

Bleu

Tout ce que vous devez savoir sur le bleu pour inspirer votre prochain design.

Obtenir la palette de couleurs

Choisir une couleur

Hex

RGB

HSB

HSL

Sélectionnez les paramètres de la palette

Palettes personnalisées

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.

color Bleucolor Bleu

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.

  • Code HEX : #0000FF
  • Valeur RVB : 0 % rouge, 0 % 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 dans vos designs :

  • Transmettre un sentiment de confiance. La couleur bleue est couramment associée à la stabilité, la confiance et le professionnalisme. Utilisez-la dans les designs pour les entreprises, les banques et autres firmes que vous souhaitez présenter comme fiables ou rassurantes.
  • Promouvoir un sentiment de calme. Utilisez le bleu stratégiquement dans vos designs pour détendre les utilisateurs. Des outils comme Zoom et Smartsheet utilisent des nuances de bleu pour favoriser la concentration et la productivité dans les environnements de travail.
  • Établir une hiérarchie visuelle. Utilisez différentes nuances de bleu pour créer une hiérarchie visuelle. Utilisez des nuances de bleu plus claires pour attirer l'attention sur des éléments plus importants, tels que les boutons et les en-têtes.

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 :

  • Le bleu ardoise (#5B7C99) est une alternative discrète pour les applications professionnelles avec sa teinte gris-bleu atténuée.
  • Le bleu poudre (#B6D0E2) est une option pour les designers cherchant à approfondir l'aspect apaisant du bleu, offrant une teinte plus délicate.
  • Le céruléen (#2A52BE) est une nuance de bleu légèrement plus vive, comme le ciel par une journée ensoleillée, mais suffisamment réservée pour des cas d'utilisation professionnelle.
  • Le turquoise (#40E0D0) penche davantage vers le vert mais maintient les sensations relaxantes et apaisantes du bleu standard.

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 :

  • Le beige (#EDE8D0) offre une teinte chaude qui contraste agréablement mais permet au bleu de rester le centre d'attention.
  • Le bleu marine (#000080) est une nuance plus foncée qui complète le bleu standard, ajoutant une profondeur supplémentaire à votre palette de bleus.
  • La pêche (#FFD3AC) s'associe bien avec le bleu pour atteindre un sentiment de confort et de calme chaleureux.
  • Le jaune (#FFFF00) apportera de la vie à vos designs bleus, servant de couleur joyeuse qui contraste et ajoute de la vivacité.
  • L'argent (#C4C4C4) est une couleur métallique avec des sous-tons froids qui fonctionne bien comme accent dans les designs bleus, aidant à atteindre une élégance.

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 :

  • Le rouge (#FF2C2C) peut être accablant lorsqu'il est combiné avec le bleu si les deux couleurs ne sont pas soigneusement équilibrées.
  • Le marron (#895129) semble pouvoir bien fonctionner, mais ses tons chauds ne complètent pas toujours la fraîcheur du bleu.
  • Le vert lime (#89F336) et d'autres couleurs très saturées peuvent entrer en dissonance avec le bleu, surtout dans les grands designs.
  • Le vert menthe (#ADEBB3) est une autre nuance de vert qui ne se mélange pas bien avec le bleu ; il peut sembler trop envahissant dans de nombreux contextes.
  • L'or (#EFBF04) peut jurer avec le bleu s'il n'est pas utilisé avec parcimonie comme accent.

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.

Variantes de couleur

Nuances

Teintes

Tons

Teintes

Harmonies de couleurs

Complémentaire

Complémentaire fractionnée

Monochrome

Analogue

Triadique

Tétradique

Palettes personnalisées

Écho Azur

Nuit Étoilée

Tisseur de Rêves

Vérificateur de contraste

Contraste 8,59

Texte en grand format

#0000FF

Texte normal

Le mode de conception, d'alignement et de création compte. Utilisez Figma.

Il s'agit d'un texte #0000FF sur un arrière-plan #FFFFFF.
Catégorie
Conforme
Conforme
Conforme
Conforme
Conforme
Conforme

Contraste 2,44

Texte en grand format

#0000FF

Texte normal

Le mode de conception, d'alignement et de création compte. Utilisez Figma.

Il s'agit d'un texte #0000FF sur un arrière-plan #000000.
Catégorie
Non conforme
Non conforme
Non conforme
Non conforme
Non conforme
Non conforme

Simulations de couleurs

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.

VALUECSS
HEX#0000ff#0000ff
RGB DECIMAL0, 0, 255RGB(0,0,255)
RGB PERCENTAGE0.0, 0.0, 100.0RGB(0.0%,0.0%,100.0%)
CMYK100, 100, 0, 0
HSLHSL(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
BINARY00000000, 00000000, 11111111
iOS - SwiftUIColor(red: 0.000, green: 0.000, blue: 1.000)
iOS - UIKitUIColor(red: 0.000, green: 0.000, blue: 1.000, alpha: 1)
Android - ComposeColor(0xFF0000FF)