L’essentiel en bref
- Un dégradé noir et or associe un fond quasi noir à un or construit en plusieurs arrêts, typiquement un bronze sombre, un or chaud comme #d4af37 et un reflet pâle comme #f3e5ab.
- L’or uni ressemble à de la moutarde à l’écran, car l’or véritable ne se lit comme du métal que lorsque lumière et ombre le parcourent.
- Le noir et or paraît le plus cher quand l’or couvre une petite partie du design, comme une lumière sur un bord, un filet ou la typographie.
- Un texte doré comme #d4af37 sur quasi noir atteint environ 9:1 de contraste : il est donc lisible pour les titres et les lignes courtes.
- L’or imprimé avec des encres ordinaires n’a jamais l’air métallique : utilisez une dorure ou une encre métallique quand le vrai rendu compte.
Sur cette page
Un dégradé noir et or oppose un fond quasi noir à un or construit en plusieurs arrêts plutôt qu’en une couleur unie : un bronze sombre comme #8a6d1f, un or chaud comme #d4af37 et un reflet pâle comme #f3e5ab. C’est cette variation qui fait lire l’or comme du métal. Les versions de bon goût utilisent aussi beaucoup moins d’or qu’on ne le croit, souvent juste un halo sur un bord ou la typographie elle-même. Voici les codes, le CSS du texte en or métallique et les règles qui gardent ce duo chic.
Pourquoi l’or uni fait bon marché
L’or n’est pas vraiment une couleur ; c’est une matière. Ce que vous reconnaissez comme de l’or est un motif de reflets : brun olive sombre dans les ombres, jaune chaud dans les tons moyens, presque blanc là où la lumière frappe. Une seule valeur hex n’en capture qu’un : un #ffd700 uni se lit donc comme du jaune ou de la moutarde plutôt que comme du métal. Un dégradé d’au moins trois arrêts fait le travail que ferait la lumière.
Codes de dégradé or métallique
Voici les remplissages d’or eux-mêmes : pour un filet, un badge, un monogramme ou un texte en dégradé. Chacun va du sombre au clair puis au sombre, ce qui donne l’impression d’une surface polie et courbe qui capte la lumière.
Fonds de dégradé noir et or
Pour un fond, inversez les proportions : le noir fait presque tout le travail et l’or arrive comme un halo, un horizon ou une chaleur discrète dans un coin. Un noir chaud, avec une pointe de brun, s’accorde mieux à l’or qu’un noir pur ou bleuté.
Les dégradés sombres montrent plus de banding que tous les autres, et un halo d’or sur noir est à peu près le pire cas. Une couche de grain fin règle le problème et, en prime, donne à la surface l’air du papier ou du velours. D’autres fonds figurent dans les dégradés noirs.
Comment garder le noir et or de bon goût
Fait bon marché
- Or jaune uni comme
#ffd700 - De l’or sur la moitié du design
- Des halos d’or derrière chaque mot
- De l’or sur un noir bleuté pur
- Écriture ornée, or et biseaux tout à la fois
Fait cher
- Un or construit en trois arrêts ou plus
- De l’or à un seul endroit : une lumière, un filet ou le nom
- Une typographie simple et bien espacée, sans effets
- De l’or sur noir chaud
- Une seule typographie élégante, des marges généreuses
La retenue est tout le secret. Les emballages de luxe montrent beaucoup d’espace sombre vide et un peu de métal : le métal paraît ainsi précieux. Il en va de même à l’écran. Les palettes de couleurs luxe et le design de luxe couvrent le langage plus large.
Du texte doré sur un dégradé noir
L’or se lit bien sur le noir. Les chiffres ci-dessous utilisent la formule de contraste WCAG ; 4,5:1 est le minimum habituel pour le petit texte et 3:1 pour les grands titres. Gardez les ors anciens plus sombres pour les filets et les bordures, pas pour les mots.
#0a0a0aTexte
#d4af37Contraste
À utiliser pour
#0a0a0aTexte
#b8860bContraste
À utiliser pour
#14110aTexte
#c9a227Contraste
À utiliser pour
#1a1408Texte
#f3e5abContraste
À utiliser pour
#0a0a0aTexte
#8a6d1fContraste
À utiliser pour
Le texte en dégradé métallique convient à un mot isolé ou à un nom court. Le CSS ci-dessous découpe le dégradé d’or poli aux lettres et garde un or uni en secours. Le texte en dégradé CSS couvre l’aspect accessibilité.
.luxe {
background-color: #0a0a0a;
background-image: radial-gradient(circle at 80% 15%, #5c4813 0%, #1a1408 35%, #0a0a0a 75%);
color: #f3e5ab;
}
.luxe h1 {
color: #d4af37; /* fallback */
background: linear-gradient(135deg, #8a6d1f 0%, #d4af37 30%, #f3e5ab 50%, #d4af37 70%, #8a6d1f 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
letter-spacing: 0.04em;
}Une publication de joaillier : noir chaud, une lumière dorée, une typographie simple.
Une story de réveillon avec un horizon doré en bas.
Le noir et or à l’impression
L’impression quadrichromie ordinaire ne peut pas reproduire le métal. Un dégradé d’or imprimé en CMJN donne un jaune brunâtre, aussi soigneusement qu’on le construise. Pour les invitations, cartes de visite et emballages où l’or compte, utilisez une dorure à chaud ou une encre métallique pour les parties dorées et gardez le dégradé pour l’écran. Les dégradés à l’impression expliquent les options, et RVB ou CMJN explique pourquoi écrans et papier diffèrent.
Où utiliser le noir et or
Le noir et or convient à la joaillerie, aux montres, aux parfums, aux spiritueux, aux hôtels, aux barbiers, aux soirées de gala et au Nouvel An. Il s’associe aussi bien aux rouges lie-de-vin profonds ; voir les dégradés bordeaux. Si vous voulez un look sombre et chaud qui n’appartienne qu’à vous, un Mark de Gradiently est une recette de couleurs, de matières, de lumière et de grain plutôt qu’un aplat. Chaque Mark a un seul propriétaire à la fois, et une fois que vous en avez réservé un, un concurrent ne peut pas l’exporter.
Les questions qu’on nous pose
Quel est le code hex de l’or métallique ?
Un or métallique très utilisé est #d4af37. Pour un métal convaincant, combinez-le dans un dégradé avec un bronze sombre comme #8a6d1f et un reflet pâle comme #f3e5ab.
Comment faire un dégradé or en CSS ?
Utilisez un dégradé linéaire symétrique qui va du sombre au clair, au reflet, puis revient au clair et au sombre, par exemple linear-gradient(135deg, #8a6d1f 0%, #d4af37 30%, #f3e5ab 50%, #d4af37 70%, #8a6d1f 100%).
Le texte doré sur noir est-il lisible ?
Oui. L’or métallique #d4af37 sur quasi noir atteint environ 9:1 de contraste. Pour les longs passages, un or champagne plus pâle se lit plus confortablement.
Pourquoi mon design noir et or fait-il bon marché ?
Généralement parce que l’or est un simple jaune uni, qu’il y en a trop, ou qu’il porte des halos et des biseaux. Construisez l’or en plusieurs arrêts et utilisez-le à un seul endroit.
Puis-je imprimer un dégradé noir et or ?
Oui, mais l’or CMJN donne un jaune brunâtre, pas métallique. Utilisez une dorure ou une encre métallique pour un or qui doit briller.
Écrit par Gradiently
L’équipe derrière Gradiently, un outil de création construit autour des Marks : des dégradés vivants qui donnent à tout ce que vous créez votre propre signature.
Voir notre profil