Deckkraft (Opazität)
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/opacity/" 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/opacity/Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/glossary/opacity/)Use the native HTML custom element.
Der Grad, zu dem eine Farbe oder ein Element den dahinter liegenden Inhalt verdeckt; 100 % ist vollständig undurchsichtig, 0 % vollständig transparent.
Opacity is the inverse of transparency. In CSS, opacity can be set using the opacity property (which affects the entire element and its children) or using alpha-channel color values like rgba() and hsla(). Opacity is essential for creating layered visual effects, overlay patterns, glass-morphism designs, and subtle background tints. When compositing semi-transparent colors, the visible result depends on both the foreground color and whatever is behind it, following the alpha compositing formula defined by Porter and Duff.