듀오톤
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.
이미지의 명암 범위를 전체 스펙트럼 대신 두 가지 색으로 표현하는 디자인 효과.
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.