# Photos duotone aux couleurs de votre marque : mono, bichromie, voile

[Canonical HTML page](https://gradiently.design/fr/guide/photo-duotone-in-mark-colours)

Des photos dépareillées sont le moyen le plus rapide de donner à un fil un air emprunté. Les teinter dans vos propres couleurs réunit photos de banque d’images, clichés au téléphone et photos produit en une seule famille.

## The short version

- Une photo duotone remplace les tons d’une image par deux couleurs : une pour les ombres et une pour les hautes lumières.
- Dans Gradiently, toute photo peut être teintée en Monochrome, Bichromie ou Voile, et Bichromie et Voile tirent leurs couleurs du Mark de la création.
- Teinter les photos dans les mêmes couleurs que le fond fait paraître des sources mêlées, de la banque d’images au téléphone, comme une série délibérée.
- Les photos peuvent aussi être réglées en lumière et en couleur, finies avec des filtres comme Pellicule ou Noir, et recadrées en arches, cercles et taches.
- Chaque réglage photo reste modifiable : vous pouvez changer la teinte ou remplacer le Mark plus tard, et la photo suit.

Une **photo duotone** remplace les couleurs naturelles d’une image par deux couleurs choisies : une couleur foncée pour les ombres et une couleur claire pour les hautes lumières, chaque ton intermédiaire étant un mélange des deux. Faite dans vos couleurs de marque, elle transforme n’importe quelle photo en quelque chose qui vous appartient clairement. Dans Gradiently, vous pouvez teinter une photo de trois façons, Monochrome, Bichromie ou Voile, et Bichromie et Voile prennent leurs couleurs directement dans le Mark de la création, si bien que la photo et le fond sont toujours accordés.

## Comment fonctionne une photo duotone

Imaginez d’abord la photo en noir et blanc. Chaque pixel a une luminosité de 0 à 100 pour cent. Un duotone peint ensuite les pixels les plus sombres dans votre couleur d’ombre, les plus clairs dans votre couleur de haute lumière, et tout le reste au point correspondant de la rampe entre les deux. Le résultat garde tous les détails de la photo, mais rien de sa couleur d’origine.

- Indigo vers rose poudré: `linear-gradient(90deg, #1e1b4b 0%, #be185d 55%, #fbcfe8 100%)`
- Sarcelle profond vers sable: `linear-gradient(90deg, #052e2b 0%, #0f766e 50%, #f5d0a9 100%)`
- Sang-de-bœuf vers beurre: `linear-gradient(90deg, #2b0a0a 0%, #b45309 55%, #fde68a 100%)`
- Marine vers glace: `linear-gradient(90deg, #0b1020 0%, #2563eb 55%, #e0f2fe 100%)`

Quatre rampes duotone. Les ombres prennent la couleur de gauche, les hautes lumières celle de droite, et les tons moyens de la photo tombent au milieu.

Ce qui rend un duotone beau plutôt que boueux, c’est le contraste entre ses deux extrémités. Une ombre très foncée et une haute lumière très claire gardent visages et produits lisibles. Deux tons moyens donnent une image plate et trouble. Pour l’histoire et les usages plus larges de ce style, voir [l’effet duotone](https://gradiently.design/fr/guide/duotone-effect).

## Monochrome, Bichromie et Voile : trois façons de teinter

| Teinte | Effet | Couleurs issues de | Usage |
| --- | --- | --- | --- |
| **Monochrome** | Passe la photo en noir et blanc | Gris neutres | Portraits, citations, tout ce qui est sérieux ou intemporel |
| **Bichromie** | Associe ombres et hautes lumières à deux couleurs | Le Mark | Publications affirmées, affiches d’événement, photos d’équipe disparates |
| **Voile** | Pose la couleur du Mark sur la photo en gardant une partie de la sienne | Le Mark | Photos produit et cuisine, où le sujet doit rester réaliste |
| Aucun | Laisse la couleur de la photo intacte | La photo | Photos produit phares où la couleur exacte compte |

Les options de teinte de la retouche photo. Bichromie et Voile utilisent les couleurs de votre Mark : changer de Mark reteinte la photo.

Une publication en portrait intitulée Voici l’équipe avec une ligne sur cinq personnes et une machine à espresso, sur un Mark en dégradé chaud

Le genre de publication qu’un duotone sauve : des photos d’équipe prises sur différents téléphones, réunies en une série par les couleurs du Mark.

Une publication produit en portrait qui annonce un mélange de café d’automne sur le même Mark en dégradé

Une publication produit : le genre où un voile léger relie la photo au fond tout en gardant au café son air de café.

## Créer une photo duotone dans Gradiently

1. **Ajoutez la photo** Importez ou collez la vôtre, ou choisissez-en une parmi les photos libres de droits gratuites du Studio.
2. **Ouvrez la retouche photo** Sélectionnez la photo et ouvrez son panneau de retouche, où se trouvent lumière, couleur, filtres et teinte.
3. **Choisissez Bichromie sous Couleurs du Mark** La photo est aussitôt recolorée dans la palette du Mark. Essayez aussi Voile et Monochrome ; comparer ne coûte rien.
4. **Réglez le contraste** Augmentez le contraste si le résultat paraît plat, et la luminosité si les visages tombent dans la couleur d’ombre.
5. **Recadrez dans une forme** Cadrez-la en carré, en cercle, en arche ou en tache selon la mise en page.
6. **Changez de Mark pour tester** Changez le Mark de la création et la teinte suit, pour essayer plusieurs styles sur la même photo.

> **Tout reste modifiable** Les teintes et les filtres ne s’incrustent jamais dans la photo. Vous pouvez les changer ou les réinitialiser à tout moment, ce qui compte quand une campagne change de couleur en cours de route.

## Filtres, lumière et couleur pour la finition

La teinte fixe la famille de couleurs ; les autres réglages décident de l’atmosphère. Ils se répartissent en trois groupes, et les préréglages sont un moyen rapide de démarrer avant d’affiner. S’il s’agit d’une photo produit, soignez d’abord le fond : [les fonds pour photos de produits](https://gradiently.design/fr/guide/product-photo-backgrounds) traite de ce point.

| Groupe | Réglages | Par où commencer |
| --- | --- | --- |
| Lumière | Luminosité, contraste | Le contraste d’abord pour tout duotone ; il sépare les deux couleurs |
| Couleur | Saturation, température, vert vers magenta, teinte | La température pour réchauffer ou refroidir un voile ; ne touchez pas à la saturation sur une bichromie |
| Finition | Flou, vignettage | Un léger vignettage attire l’œil vers le centre sur les portraits |
| Préréglages | Original, Éclatant, Doux, Chaud, Froid, Estompé, Noir, Pellicule | Pellicule ou Estompé sous un voile donne facilement un rendu imprimé |

Les réglages de la retouche photo. Commencez par un préréglage, puis ajustez la lumière avant la couleur.

## Formes de recadrage : arches, cercles et taches

Une photo teintée dans une forme douce paraît conçue plutôt que simplement posée. Les arches ont un côté architectural et calme, superbes pour la décoration, les fleuristes et le mariage, et tout indiquées pour [l’image de marque du photographe](https://gradiently.design/fr/guide/photographer-branding). Les cercles conviennent aux personnes : pages équipe, intervenants, témoignages. Les taches sont ludiques et conviennent à la cuisine, aux marques pour enfants et à tout ce qui est informel. Tenez-vous à une seule forme par création pour que la série reste cohérente.

### À éviter

- Deux couleurs de ton moyen qui grisent la photo
- Un duotone sur la seule photo où la vraie couleur fait vendre, comme une robe
- Une teinte différente sur chaque photo d’un carrousel
- Des mots sur la partie la plus chargée de la photo

### À faire

- Une couleur d’ombre profonde et une haute lumière pâle
- Un voile pour les produits, une bichromie pour les personnes et les lieux
- Une seule teinte sur toutes les photos d’une série
- Les mots dans la zone calme, avec l’Encre automatique qui choisit la couleur

Si du texte se pose sur la photo elle-même, [rendre le texte lisible sur les photos](https://gradiently.design/fr/guide/readable-text-on-photos) traite du placement, et une teinte constante est l’une des habitudes les plus simples derrière [la cohérence de marque](https://gradiently.design/fr/guide/brand-consistency).

## Un duotone en CSS

Sur un site web, vous pouvez obtenir le même effet avec les modes de fusion : passez la photo en niveaux de gris, multipliez-la sur la couleur de haute lumière, puis éclaircissez avec la couleur d’ombre.

```css
.duotone {
  position: relative;
  background: #fbcfe8; /* highlight colour */
}

.duotone img {
  display: block;
  width: 100%;
  filter: grayscale(1) contrast(1.1);
  mix-blend-mode: multiply;
}

.duotone::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #1e1b4b; /* shadow colour */
  mix-blend-mode: lighten;
  pointer-events: none;
}
```

Des ombres indigo et des hautes lumières rose poudré. Voir [mix-blend-mode sur MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode) pour la compatibilité des navigateurs.

## FAQ

### Qu’est-ce qu’une photo duotone ?

Une photo dont les couleurs sont remplacées par deux : une pour les ombres et une pour les hautes lumières, les tons intermédiaires étant un mélange des deux.

### Comment créer une photo duotone aux couleurs de ma marque ?

Dans Gradiently, sélectionnez la photo, ouvrez la retouche photo et choisissez Bichromie ; elle utilise les couleurs du Mark de la création. En CSS, combinez une image en niveaux de gris avec des modes de fusion.

### Quelle différence entre un duotone et un voile de couleur ?

Un duotone remplace toute la couleur de la photo par deux couleurs. Un voile pose une couleur sur la photo en gardant une partie de la sienne, pour que les sujets restent naturels.

### Quelles couleurs font un bon duotone ?

Une couleur d’ombre très foncée et une couleur de haute lumière très claire. Deux tons moyens rendent la photo plate et boueuse.

### Peut-on recadrer des photos en formes dans Gradiently ?

Oui. Les photos peuvent être cadrées en carrés, cercles, arches ou taches.