Toutes les couleurs

Comprendre. Comparer. Créer.

Bleu : 64 nuances, noms et codes couleur

Découvrez le bleu, ses nuances, ses codes HTML et RVB, sa signification et des idées pour l’associer dans vos projets.

Code couleur et repère CSS

Le mot-clé CSS blue correspond à #0000FF. Il représente une teinte précise, et non toutes les nuances de cette couleur.

HEX
#0000FF
RVB
0, 0, 255
CMJN ≈
100%, 100%, 0%, 0%
HSL
240°, 100%, 50%

Le CMJN affiché est une estimation sans profil d’impression.

Signification et perception

Le bleu rappelle souvent le ciel et l’eau. Un bleu clair peut accompagner une palette légère ; un bleu marine donne davantage de poids à une composition. Ces associations dépendent du contexte culturel et de la nuance.

Avec quelles couleurs l’associer ?

Pour associer le bleu, choisissez d’abord son rôle : un bleu pâle pour la grande surface, un bleu marine pour structurer ou un bleu vif pour attirer le regard. Le bon partenaire dépend autant de cette intensité que du nom de la couleur. Voici trois pistes qui produisent des effets différents.

Bleu et blanc cassé : laisser respirer les surfaces

Un blanc cassé légèrement chaud peut adoucir un bleu marine sans l’effacer. Dans un salon, essayez des murs clairs, un canapé bleu et quelques rappels sur les coussins ; sur une page web, gardez le fond clair et réservez le bleu aux titres ou aux boutons. Si l’ensemble paraît trop froid, introduisez du bois clair ou du lin plutôt qu’une quatrième couleur vive.

Bleu et terre cuite : créer un contraste mesuré

Avec un bleu grisé ou profond, une terre cuite peu saturée apporte une différence de température visible. Laissez une couleur dominer et utilisez l’autre sur une surface plus petite : un fauteuil, une illustration ou un encadré. Deux aplats également vifs peuvent se disputer l’attention ; diminuez d’abord la saturation de l’un avant de chercher une autre association.

Bleu et vert : distinguer les valeurs

Un bleu pétrole et un vert sauge peuvent composer un accord nuancé, à condition que leurs surfaces restent distinctes. Essayez le pétrole sur un élément bien délimité et la sauge dans une zone plus claire. Pour une affiche, séparez les deux par un fond écru et vérifiez la lisibilité des textes : deux teintes différentes peuvent néanmoins avoir une clarté très proche.

Choisir entre bleu ciel, bleu marine et bleu électrique

Le bleu ciel laisse davantage de place aux matières et aux petits contrastes : testez-le avec de l’écru et un brun clair. Le marine accepte des accents plus lumineux, comme l’ocre. Le bleu électrique demande une hiérarchie plus nette : gardez-le pour un motif ou une action importante. Ces trois bleus ne doivent donc pas être remplacés l’un par l’autre sans réévaluer les proportions.

Palette à essayer : marine, lin et terre cuite

Pour une première maquette, répartissez environ 65 % de lin, 25 % de marine et 10 % de terre cuite. Il s’agit d’un point de départ visuel, pas d’une règle. Agrandissez ensuite l’accent uniquement s’il soutient le sujet principal.

Lin#F2EDE4
Bleu marine#203A5F
Terre cuite#BB654D

Palette proposée pour vos essais, avec codes HEX à copier. Ces aperçus sRGB ne sont pas des références certifiées de peinture ou de textile.

Le piège : accumuler les bleus presque identiques

Un tissu marine, une peinture bleu nuit et une impression légèrement violette peuvent sembler assortis séparément, puis se contrarier côte à côte. Comparez-les ensemble. Choisissez soit une continuité franche, soit un écart suffisamment visible pour paraître intentionnel ; une approximation involontaire est souvent plus gênante qu’un contraste assumé.

Nuances de bleu

Les noms et aperçus ci-dessous reprennent le répertoire du site. Plusieurs codes peuvent partager un nom courant ; ces teintes ne sont pas des équivalences certifiées RAL ou Pantone.

Bleu#0000FF
Aigue-marine#79F8F8
Azur brume#F0FFFF
Azur#007FFF
Azur#1E7FCB
Azur clair#74D0F1
Azurin#A9EAFE
Bleu clair#3A8EBA
Bleu ardoise#686F8C
Bleu barbeau#5472AE
Bleu bleuet#5472AE
Bleu bondi#0095B6
Bleu céleste#26C4EC
Bleu céruléen#0F9DE8
Bleu céruléen#357AB7
Bleu charrette#8EA2C6
Bleu charron#17657D
Bleu charron#8EA2C6
Bleu ciel#77B5FE
Bleu cobalt#22427C
Bleu de Berlin#24445C
Bleu de France#318CE7
Bleu de minuit#003366
Bleu de Prusse#24445C
Bleu denim#1560BD
Mers du sud#00CCCB
Bleu dragée#DFF2FF
Bleu égyptien#1034A6
Bleu électrique#2C75FF
Bleu guède#56739A
Bleu horizon#7F8FA6
Bleu majorelle#6050DC
Bleu marine#03224C
Bleu maya#73C2FB
Bleu minéral#24445C
Bleu nuit#0F056B
Bleu outremer#1B019B
Bleu outremer#2B009A
Bleu paon#067790
Bleu persan#6600FF
Bleu pétrole#1D4851
Bleu roi#318CE7
Bleu saphir#0131B4
Bleu sarcelle#008E8E
Bleu smalt#003399
Bleu tiffany#0ABAB5
Bleu turquin#425B8A
Cæruléum#26C4EC
Canard#048B9A
Cérulé#74D0F1
Cyan#00FFFF
Cyan#2BFAFA
Fumée#BBD2E1
Givré#80D0D0
Indigo#791CF8
Indigo#2E006C
Indigo du web#4B0082
Klein#002FA7
Klein#21177D
Lapis-lazuli#26619C
Lavande#9683EC
Pastel#56739A
Pervenche#CCCCFF
Turquoise#25FDE9
30 palettes pour votre prochaine idée.

Recevez le kit couleur gratuit : codes HEX/RVB et fiche projet.

Recevoir mon kit gratuit →

À découvrir également : Casekit — le support client pour les boutiques en ligne.