# Dégradés soie : des plis tout en douceur de lumière et de couleur

[Canonical HTML page](https://gradiently.design/fr/guide/silk-gradient)

La soie est l’une des rares matières que l’on reconnaît à la seule lumière. Réussissez les plis et le lustre, et un écran plat commence à paraître précieux. Voici les couleurs et la structure qui le permettent.

## The short version

- Un dégradé soie imite un tissu drapé avec de longs plis doux, un reflet fin et lumineux sur chaque crête et une ombre profonde et colorée dans chaque creux.
- Les reflets de la soie sont bien plus étroits que ses ombres, et c’est ce déséquilibre que l’œil lit comme un lustre plutôt que comme un simple modelé.
- La soie changeante est tissée de fils de deux couleurs : elle change de teinte entre reflet et ombre, par exemple bleu-vert dans la lumière et violet dans les plis.
- Les ombres de la soie doivent être une version plus profonde et plus saturée de la couleur du tissu, jamais grises.
- Les dégradés soie conviennent au luxe, à la beauté, à la joaillerie et au mariage, car la matière elle-même évoque le soin et le prix.

Un **dégradé soie** imite un tissu drapé : de longs plis de couleur, chacun avec un reflet étroit et lumineux le long de sa crête et une ombre douce et profonde dans son creux. Ce motif de lumière fine et d’ombre large est ce que l’œil lit comme un lustre. C’est un effet de matière plutôt que de couleur, c’est pourquoi le même champagne ou le même émeraude peut paraître plat en simple fondu et luxueux en soie. Il vous faut trois choses : une couleur de tissu, un reflet plus clair et légèrement plus chaud, et une ombre plus profonde et plus saturée.

## Comment la soie accroche la lumière

Les fibres de soie sont lisses et légèrement prismatiques : elles renvoient la lumière de façon concentrée. Un pli de soie produit un reflet rapide et net là où il fait face à la lumière, puis un long roulement doux vers l’ombre. Un coton mat dans le même pli donnerait un dégradé large et terne, sans pic net. Reproduisez ces propriétés et n’importe quelle couleur commence à se lire comme de la soie.

| Partie du pli | Aspect | Dans votre dégradé |
| --- | --- | --- |
| Reflet de crête | Fin, lumineux, presque blanc | Un arrêt étroit, de 2 à 4 % de large |
| Épaule | La vraie couleur du tissu | Une large bande de chaque côté du reflet |
| Ombre du creux | Profonde, saturée, aux bords doux | La bande la plus large, plus sombre et plus riche |
| Lumière de rebond | Un léger éclaircissement dans le creux | Un arrêt un peu plus clair dans l’ombre |

Un pli, décomposé. Répétez-le à des largeurs inégales sur tout le cadre et vous obtenez un drapé.

## Codes de dégradés soie

Chacun est un seul dégradé linéaire avec des plis intégrés : bandes inégales, reflets nets et ombres larges. Ils fonctionnent seuls comme fonds, et comme base de la version en couches plus bas.

- Soie champagne: `linear-gradient(115deg, #6b4f2a 0%, #c8a46a 18%, #f7ead0 23%, #b8925a 30%, #5a3f1e 48%, #a8844f 62%, #efdcb6 66%, #8c6a3a 74%, #4a3216 100%)`
- Soie émeraude: `linear-gradient(110deg, #022c22 0%, #047857 20%, #a7f3d0 25%, #059669 32%, #013d2c 52%, #065f46 66%, #6ee7b7 70%, #064e3b 78%, #011c15 100%)`
- Soie minuit: `linear-gradient(120deg, #0b1026 0%, #1e2a5a 20%, #9fb3e8 25%, #26346e 32%, #070b1c 52%, #1c2752 66%, #7d93d4 70%, #151d40 78%, #05070f 100%)`
- Soie rose: `linear-gradient(115deg, #7a2e3e 0%, #d97a8c 20%, #fde4e8 24%, #c8607a 31%, #5e1f2e 50%, #b85068 64%, #f8c8d2 68%, #8e3348 76%, #4a1622 100%)`
- Soie sang-de-bœuf: `linear-gradient(118deg, #3a0d0d 0%, #9b1c1c 20%, #f8b4b4 24%, #b91c1c 31%, #2b0808 52%, #7f1d1d 66%, #fca5a5 70%, #5c1212 78%, #1f0505 100%)`
- Soie ivoire: `linear-gradient(115deg, #e7e5e4 0%, #f5f5f4 20%, #ffffff 24%, #d6d3d1 31%, #a8a29e 50%, #d6d3d1 64%, #fafaf9 68%, #c4bfbb 76%, #9c9692 100%)`

Six soies à deux plis chacune. Les arrêts de reflet ne font que quatre pour cent de large ; élargissez-les et le lustre devient une simple rayure.

Gardez l’angle entre 100 et 125 degrés pour que les plis tombent en diagonale, comme un tissu suspendu par un coin. Un pli parfaitement vertical ressemble à un rideau ; un pli horizontal, à un ruban. Les soies sombres comme minuit et sang-de-bœuf sont les plus indulgentes, car l’ombre cache les raccords maladroits. Elles s’accordent naturellement avec une typo dorée, comme dans [les dégradés noir et or](https://gradiently.design/fr/guide/black-and-gold-gradient).

## La soie changeante : deux couleurs dans un tissu

La soie changeante, ou taffetas changeant, est tissée avec un fil d’une couleur dans la longueur et un fil d’une autre en travers. Quand le tissu tourne, on voit davantage l’un ou l’autre : il change de teinte entre lumière et ombre. C’est la soie la plus spectaculaire à imiter, et il suffit d’un seul changement : une teinte pour les reflets et les épaules, une autre pour les creux.

- Reflet bleu-vert: #99f6e4
- Épaule bleu-vert: #14b8a6
- Pli violet: #6d28d9
- Ombre violette: #2e1065

Une soie changeante bleu-vert et violet. La lumière est bleu-vert, l’ombre violette, et le milieu chatoie entre les deux.

Soie changeante, bleu-vert et violet: `linear-gradient(115deg, #2e1065 0%, #14b8a6 19%, #ccfbf1 23%, #2dd4bf 28%, #6d28d9 40%, #2e1065 52%, #0f766e 64%, #99f6e4 68%, #5b21b6 78%, #1e0a45 100%)`

Le changement de teinte se fait sur la pente de chaque pli. Associez des couleurs qui se fondent par un milieu propre, comme bleu-vert et violet ou or et rose.

## Construire des plis de soie en CSS

Un seul dégradé linéaire donne des plis parallèles, qui ressemblent à un tissu plissé. Un vrai drapé est courbe. Superposez deux dégradés à des angles légèrement différents, l’un avec une lumière douce et l’autre avec les plis, et ajoutez une grande ombre radiale pour qu’un côté s’efface. Le résultat se lit comme un tissu qui tombe.

```css
.silk {
  min-height: 100vh;
  background-color: #4a3216;
  background-image:
    radial-gradient(ellipse 70% 90% at 85% 100%, rgba(40, 24, 8, 0.65) 0%, transparent 70%),
    linear-gradient(100deg, transparent 30%, rgba(255, 246, 225, 0.35) 38%, transparent 44%),
    linear-gradient(115deg, #6b4f2a 0%, #c8a46a 18%, #f7ead0 23%, #b8925a 30%,
      #5a3f1e 48%, #a8844f 62%, #efdcb6 66%, #8c6a3a 74%, #4a3216 100%);
}
```

Une soie champagne avec un second lustre qui croise le premier et une ombre profonde qui s’accumule en bas à droite.

> **Le grain en fait un tissu** Une couche de bruit très fin à 2 à 4 % d’opacité suggère le tissage et empêche les plis de ressembler à du plastique. Gardez-la plus fine que pour du papier. [La texture des dégradés](https://gradiently.design/fr/guide/gradient-texture) compare les options.

## Soie, satin, liquide et chrome

| Style | Reflet | Ombre | Évoque |
| --- | --- | --- | --- |
| Soie | Fin, lumineux, chaud | Large, riche, coloré | Luxe discret |
| Satin | Plus large et plus brillant | Plus courte, plus nette | Tenue de soirée, audace |
| [Liquide](https://gradiently.design/fr/guide/liquid-gradient) | Lignes fines le long des volutes | Bandes de couleur | Peinture coulée, énergie |
| Chrome | Blanc pur, très dur | Quasi noir, dur | Machines, Y2K, tech |

Quatre styles brillants. La largeur et la dureté du reflet décident de la matière que l’œil perçoit.

## Où les dégradés soie fonctionnent le mieux

La soie évoque le soin, ce qui la rend juste pour la joaillerie, le parfum, les soins, le mariage, l’hôtellerie et les lancements haut de gamme. Associez-la à un serif raffiné ou à une sans serif légère et large, et gardez peu de mots. Champagne et ivoire conviennent aux mariages ; émeraude, minuit et sang-de-bœuf au soir et au luxe. [Les palettes de couleurs luxe](https://gradiently.design/fr/guide/luxury-color-palettes) et [les palettes de couleurs de mariage](https://gradiently.design/fr/guide/wedding-color-palettes) proposent d’autres associations.

Une annonce de parfum en portrait avec un petit titre raffiné sur un dégradé soie profond

Un post parfum en 1080×1350, les mots centrés sur une épaule calme du tissu.

Une carte save the date de mariage avec les prénoms posés sur un fond soie ivoire pâle

Une invitation 5×7 pouces en 1500×2100, soie ivoire avec les prénoms dans la bande la plus calme.

### Effet plastique

- Reflets aussi larges que les ombres
- Ombres grises
- Plis parfaitement parallèles
- Pas de grain, donc un air de rendu 3D

### Effet soie

- Reflets étroits et lumineux
- Ombres qui approfondissent la couleur du tissu
- Plis qui se croisent et s’incurvent
- Un soupçon de grain fin

Les Marks de Gradiently superposent jusqu’à trois matières avec leur propre lumière et leur propre grain : une surface peut ainsi avoir profondeur et lustre sans plis construits à la main. Chacun se rend en pleine qualité à toutes les tailles où vous créez, de l’invitation à la story, et garde calme la zone derrière vos mots. Parcourez le Marché avec des mots de couleur comme « champagne » ou « emerald ».

## FAQ

### Comment faire un dégradé soie ?

Utilisez un dégradé linéaire aux bandes inégales : reflets étroits presque blancs, larges bandes de la couleur du tissu et ombres larges et plus profondes. Superposez un second lustre à un angle légèrement différent pour un drapé courbe.

### Quelles couleurs rendent le mieux en soie ?

Champagne, ivoire, émeraude, bleu minuit, rose et sang-de-bœuf rendent bien, car elles ont une version claire et une version sombre nettes. Les pastels très pâles demandent des ombres plus profondes.

### Qu’est-ce que la soie changeante ?

Une soie tissée de fils de deux couleurs, qui change de teinte quand elle bouge. Dans un dégradé, utilisez une teinte pour les reflets et une autre pour les ombres.

### Quelle différence entre un dégradé soie et un dégradé satin ?

Le satin a des reflets plus larges et plus brillants et des ombres plus courtes et plus nettes. La soie a des reflets fins et lumineux et des ombres larges et riches, ce qui la rend plus discrète.