デュオトーン
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/glossary/duotone/" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>
Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/glossary/duotone/
Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/glossary/duotone/)
Use the native HTML custom element.
画像のトーン範囲を完全なスペクトルではなく2色にマッピングするデザイン効果。
Duotone replaces the shadows with one color and the highlights with another, with midtones blending between the two. Originally a printing technique for adding richness to two-color print jobs, duotone has become a popular digital design trend for hero images, brand photography, and social media content. Spotify popularized the modern duotone aesthetic in their marketing. The technique works especially well with high-contrast photographs and allows designers to unify diverse imagery under a consistent brand palette. In CSS, duotone effects can be approximated using mix-blend-mode and gradient overlays.