Dégradé rouge : de l’énergie sans l’alerte

Un dégradé rouge est un fondu construit autour du rouge, de l’écarlate vif et du cramoisi au sang-de-bœuf profond et au corail doux, et c’est le dégradé le plus énergique que l’on puisse mettre à l’écran. Le secret pour bien l’utiliser, c’est la retenue : laissez un seul point porter la pleine saturation, dirigez le reste vers un vin plus profond ou un orange et un rose plus chauds, et tenez le rouge à distance des endroits où l’on attend des avertissements. Ainsi, le rouge évoque la chaleur et l’appétit plutôt qu’un message d’erreur.

Vous trouverez ci-dessous trois palettes de rouge, neuf codes de dégradés rouges à copier, les valeurs de contraste du texte sur rouge et les usages où le rouge fonctionne le mieux. Pour comprendre comment les couleurs portent du sens, voir la psychologie des couleurs.

Pourquoi le rouge est plus difficile à travailler qu’il n’y paraît

Le rouge est fort pour plusieurs raisons à la fois. Le rouge d’écran atteint une saturation très élevée, donc il domine tout ce qui l’entoure. Les interfaces ont appris aux gens à y lire un danger : états d’erreur, boutons de suppression, batterie faible et pastilles de notification sont presque toujours rouges. Et un rouge vif posé juste à côté d’un bleu saturé peut sembler vibrer ou se placer à une autre profondeur, un effet appelé chromostéréopsie, qui rend le texte de ce duo fatigant à lire.

Trois palettes de rouge : cramoisi, sang-de-bœuf et corail

La plupart des dégradés rouges réussis viennent de l’une de trois familles. Le cramoisi penche légèrement vers le bleu et paraît audacieux et classique. Le sang-de-bœuf et le vin sont des rouges profonds et sombres qui évoquent le cuir, le velours et le vin rouge. Le corail est un rouge éclairci vers l’orange et le rose, plus doux et plus amical. Choisissez une famille avant de choisir un dégradé, car mélanger les trois dans un même fondu donne en général un résultat boueux.

Codes de dégradés rouges à copier

Ces dégradés gardent tous le rouge comme note principale, mais diffèrent par la température et la profondeur. Les plus sombres fonctionnent comme arrière-plans complets ; les plus vifs conviennent mieux aux boutons, pastilles, cartes et brefs éclats d’attention.

Remarquez ce que ces codes ont en commun. Le point vif se trouve à une extrémité ou en un seul endroit, jamais sur tout le champ. Les points sombres sont des rouges sombres, pas du noir ni du gris, si bien que le fondu garde sa couleur en descendant. Si un dégradé rouge tourne au brun au milieu, vous l’avez probablement fondu vers un vert ou un gris ; notre guide sur les dégradés boueux explique pourquoi.

Comment maîtriser l’intensité du rouge

1. 1

   Choisissez un seul point vif

   Décidez où vit le rouge le plus saturé, en général près d’un titre ou du point focal. Tout le reste en descend, en luminosité ou en saturation.

2. 2

   Donnez-lui des voisins sombres

   Les rouges profonds comme #7f1d1d et #4a0e0e font rayonner le point vif par contraste, comme un seul charbon brille dans un feu sombre.

3. 3

   Fondez vers des couleurs chaudes

   L’orange, le corail et le rose sont voisins du rouge sur le cercle chromatique, donc ils se fondent proprement. Voir les couleurs analogues pour comprendre pourquoi les voisines s’entendent toujours.

4. 4

   Limitez le rouge à une part de la création

   Le rouge est par nature une couleur d’accent. Même dans une création dominée par le rouge, une grande zone calme aide ; la règle des 60-30-10 est un bon ratio de départ.

5. 5

   Gardez une autre couleur pour les erreurs

   Si votre marque est rouge, donnez aux messages d’erreur un traitement nettement différent, par exemple une icône plus un rouge plus sombre ou tirant sur l’orange, pour qu’un avertissement ne ressemble jamais à de la publicité.

Texte sur un dégradé rouge

Le rouge se trouve dans un entre-deux délicat pour le texte. Le rouge d’écran pur est trop sombre pour un texte noir confortable et trop clair pour qu’un texte blanc atteigne le minimum du texte courant. La solution : assombrir l’arrière-plan pour un texte blanc, l’éclaircir pour un texte sombre, et vérifier le point le plus clair du dégradé derrière vos mots.

Où les dégradés rouges fonctionnent le mieux

Le rouge a sa place là où l’énergie et l’appétit sont le but. On le trouve souvent dans la restauration, le sport, le divertissement et les soldes, ainsi que dans le design festif ; dans la tradition chinoise, le rouge est fortement associé à la chance et à la fête, ce qui explique qu’il domine le design du Nouvel An lunaire. Les significations varient selon les cultures : vérifiez la vôtre dans signification des couleurs dans le monde.

• Restauration, cafés et restaurants : les dégradés corail et terre cuite paraissent chauds et appétissants
• Sport et fitness : feu cramoisi et écarlate vers vin portent la vitesse et l’effort
• Mode et beauté : sang-de-bœuf, vin et rose pâle paraissent réfléchis et haut de gamme
• Soldes et lancements : un point vif sur un champ rouge profond attire l’œil sans crier
• Musique et vie nocturne : du rouge au noir et lueur de cerise conviennent aux lieux sombres et éclairés

Si vous voulez du rouge sans le reconstruire pour chaque format, le Marché de Gradiently vous permet de chercher des Marks avec des mots comme « rouge profond » ou « corail ». Chaque Mark déplace sa zone la plus calme derrière vos mots, ce qui règle pour vous le problème du texte sur rouge évoqué plus haut.