#F0EBE1Comprendre. Comparer. Créer.
Noir : 17 nuances, noms et codes couleur
Découvrez le noir, 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 black correspond à #000000. Il représente une teinte précise, et non toutes les nuances de cette couleur.
- HEX
- #000000
- RVB
- 0, 0, 0
- CMJN ≈
- 0%, 0%, 0%, 100%
- HSL
- 0°, 0%, 0%
Le CMJN affiché est une estimation sans profil d’impression.
Signification et perception
À l’écran, le noir sRGB correspond à trois canaux nuls. En impression ou en peinture, son aspect dépend du support et de la matière. Sa signification peut aller de l’élégance au deuil selon le contexte.
Avec quelles couleurs l’associer ?
Le noir s’associe à de nombreuses couleurs, mais la quantité employée change radicalement le résultat. Un trait noir peut simplement organiser une composition ; un grand fond noir en devient un élément majeur. Choisissez donc d’abord entre contour, surface et accent avant de sélectionner la couleur qui l’accompagne.
Noir et blanc : organiser les masses
Le duo gagne à être pensé en surfaces plutôt qu’en petits détails dispersés. Dans un intérieur, un fond clair et quelques volumes noirs donnent une hiérarchie différente d’une pièce majoritairement noire. Pour une mise en page, posez d’abord les titres, les images et les espaces vides. Les motifs noir et blanc très serrés demandent un essai à leur taille réelle.
Noir et brun : laisser parler la texture
Un noir mat peut accompagner du noyer, du cuir cognac ou un brun chocolat. Si les deux couleurs sont sombres, introduisez une surface plus claire pour distinguer les silhouettes. Dans une tenue, la différence de matière peut être plus intéressante qu’une multiplication d’accessoires ; dans une photographie de produit, évitez que l’objet brun se perde dans le fond noir.
Noir et ocre : cibler le point d’attention
Quelques touches d’ocre peuvent ponctuer une base noire et écrue. Commencez par un seul emplacement : une assise, une forme graphique ou un chiffre important. Avec un jaune très vif, le contraste visuel devient plus insistant ; réduisez la surface de l’accent si vous souhaitez une présence plus discrète. Le jaune n’a pas besoin d’être répété partout pour exister.
Noir pur, anthracite et matières noires
À l’écran, #000000 décrit un noir sRGB précis. Un textile noir, une peinture satinée et un métal noir ne produisent pas pour autant le même aspect. Comparez la finition autant que la teinte. Pour une interface, testez aussi un anthracite si le noir pur paraît trop abrupt, puis mesurez le contraste du texte sur la valeur effectivement retenue.
Palette à essayer : charbon, écru et cognac
Pour une première composition claire, essayez 70 % d’écru, 20 % de charbon et 10 % de cognac. Une version sombre peut inverser les deux premières proportions, mais elle demande de revoir les contours, les images et les zones de texte.
#262827#A56C43Palette 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 : faire disparaître les éléments sombres
Sur un fond noir, une bordure gris foncé, un logo marine ou une photographie peu éclairée peuvent devenir difficiles à distinguer. Testez la composition sur plusieurs écrans et dans son environnement d’usage. Pour séparer les éléments, ajustez la clarté, l’espacement ou les contours plutôt que d’ajouter systématiquement une couleur vive.
Nuances de noir
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.
#000000#000000#3F2204#2C030B#3A020D#0B1616#000000#000000#000010#120D16#130E0A#130E0A#000000#000000#000000#2F1E0E#2D241ERecevez le kit couleur gratuit : codes HEX/RVB et fiche projet.