Dégradés coucher de soleil : palettes orange, corail et crépuscule

Un dégradé coucher de soleil fond des couleurs chaudes, or, orange et corail, dans du rose, du violet et un bleu du soir profond. C’est l’un des dégradés les plus aimés en design, parce que tout le monde le reconnaît et que presque tout le monde l’apprécie. C’est aussi l’un des plus faciles à rater. Le secret : suivre l’ordre qu’utilise vraiment le ciel, chaud et lumineux à l’horizon, puis de plus en plus froid à travers le rose et le violet quand on lève les yeux. Sautez ces couleurs intermédiaires et le dégradé vire au gris.

L’ordre naturel des couleurs du coucher de soleil

Quand le soleil est bas, sa lumière traverse beaucoup plus d’atmosphère pour vous parvenir. En chemin, l’air disperse la lumière bleue hors du faisceau direct : la lumière proche du soleil arrive donc jaune, orange et rouge. Plus haut dans le ciel, loin du soleil, il reste davantage de bleu. Le résultat est une série de bandes de couleur empilées depuis l’horizon.

Palettes de dégradé coucher de soleil, avec leurs codes

Ces dix palettes suivent toutes l’ordre du ciel, de haut en bas. Certaines utilisent toute la gamme ; d’autres ne prennent que l’extrémité chaude ou que le crépuscule.

Le synthwave est le cousin stylisé et néon du vrai coucher de soleil ; les couleurs vaporwave et les dégradés rétro poussent plus loin dans cette direction.

Pourquoi les dégradés coucher de soleil deviennent boueux, et comment les corriger

Il y a deux erreurs classiques. La première consiste à relier directement le bleu et l’orange. Ils sont presque opposés sur le cercle chromatique, et un fondu direct entre eux donne du gris au milieu. Le ciel ne fait jamais ça, car il passe par le violet et le rose. La seconde consiste à fondre l’orange dans le noir pour une ambiance plus sombre. Un orange foncé, c’est du brun : le dégradé évoque la rouille ou la boue plutôt que le soir.

Si vous voulez moins d’arrêts, fondre en OKLCH aide : les couleurs restent saturées au milieu du fondu. Voyez les dégradés OKLCH en CSS et, pour la théorie, les dégradés boueux.

Où les dégradés coucher de soleil fonctionnent

Les couchers de soleil portent une émotion claire : la fin de la journée, la chaleur, un peu de nostalgie. Cela les rend naturels pour certains usages et étranges pour d’autres. Un coucher de soleil lumineux et complet convient aux événements d’été, au voyage, à la musique et à l’hôtellerie. Une version crépusculaire, surtout violette, convient aux lancements en soirée, aux podcasts et à tout ce qui invite à la réflexion. Une version uniquement chaude, de l’or au corail, convient à l’alimentation, aux boissons et aux temps forts des soldes.

• Affiches et invitations d’événements : les couleurs disent « soirée » avant même la date.
• Voyage et hôtellerie : l’heure dorée est la lumière la plus photographiée qui soit, et tout le monde la reconnaît.
• Pochettes de musique et playlists : les palettes de crépuscule paraissent cinématographiques et un peu mélancoliques.
• Campagnes saisonnières : un coucher de soleil qui se refroidit au fil de l’automne marque la saison sans nouveau visuel.

Là où ils conviennent moins : la finance sérieuse, la santé et tout ce qui doit paraître neutre. Leur chaleur évoque les loisirs. Les couleurs du coucher de soleil se situent aussi nettement du côté chaud du cercle ; les couleurs chaudes et froides explique comment la température change l’ambiance d’une création.

Comment construire votre propre dégradé coucher de soleil

1. 1

   Choisissez la part de ciel que vous voulez

   Toute la gamme pour le spectacle, seulement l’extrémité chaude pour l’énergie, ou seulement le crépuscule pour le calme.

2. 2

   Mettez le chaud en bas

   L’or et l’orange ont leur place près de l’horizon. Un coucher de soleil à l’envers peut fonctionner, mais il paraît stylisé.

3. 3

   Ne sautez jamais un voisin

   Entre le bleu et l’orange, intégrez le violet et le rose. Entre l’orange et le sombre, intégrez la prune ou l’indigo.

4. 4

   Donnez moins de place à la bande chaude

   Dans les vrais ciels, les couleurs les plus lumineuses épousent l’horizon. Les limiter au quart inférieur rend le dégradé naturel.

5. 5

   Ajoutez du grain

   Les longs ciels lisses font facilement du banding. Un calque de bruit fin garde le fondu régulier après compression.

Du texte sur un dégradé coucher de soleil

Le haut d’un dégradé coucher de soleil est sombre et froid, parfait pour un texte blanc. Le bas est lumineux et chaud, parfait pour un texte sombre ou pour rien du tout. Le milieu, où le rose rencontre l’orange, est l’endroit le plus difficile pour l’un comme pour l’autre. Placez les titres en haut et les détails en bas, ou gardez les mots dans une seule bande calme.

.hero {
  background-color: #1b1b3a;
  background-image: radial-gradient(circle at 50% 100%, #fff3b0 0%, #ffb347 18%, #ff6f61 40%, #6d2e6b 75%, #1b1b3a 100%);
  color: #ffffff;
}
.hero h1 {
  /* keep the headline in the dark upper half */
  margin-top: 12vh;
}

Pour d’autres palettes de ciel et de paysage, voyez les palettes de couleurs inspirées de la nature, et pour des versions dominées par le rose, les dégradés roses.