#F2EDE4Comprendre. 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.
#203A5F#BB654DPalette 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.
#0000FF#79F8F8#F0FFFF#007FFF#1E7FCB#74D0F1#A9EAFE#3A8EBA#686F8C#5472AE#5472AE#0095B6#26C4EC#0F9DE8#357AB7#8EA2C6#17657D#8EA2C6#77B5FE#22427C#24445C#318CE7#003366#24445C#1560BD#00CCCB#DFF2FF#1034A6#2C75FF#56739A#7F8FA6#6050DC#03224C#73C2FB#24445C#0F056B#1B019B#2B009A#067790#6600FF#1D4851#318CE7#0131B4#008E8E#003399#0ABAB5#425B8A#26C4EC#048B9A#74D0F1#00FFFF#2BFAFA#BBD2E1#80D0D0#791CF8#2E006C#4B0082#002FA7#21177D#26619C#9683EC#56739A#CCCCFF#25FDE9Recevez le kit couleur gratuit : codes HEX/RVB et fiche projet.