Sättigung
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/saturation/" 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/saturation/Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/glossary/saturation/)Use the native HTML custom element.
Die Intensität oder Reinheit einer Farbe, von einem lebhaften Farbton bis hin zu einem gedämpften Grau.
Saturation describes how pure a color appears relative to gray. A fully saturated color contains no gray and appears vivid and intense, while a completely desaturated color is a shade of gray. In the HSL model, saturation is measured as a percentage from 0% (gray) to 100% (pure color). Saturation differs from chroma in that it is relative to the color's own lightness. High-saturation colors demand attention and are effective for calls-to-action, while low-saturation colors create calm, professional atmospheres.
Ausprobieren
Ähnliche Artikel
CSS color-mix(): Farben nativ im Browser mischen
Lernen Sie CSS color-mix() zum nativen Mischen von Farben im Browser. Meistern Sie Syntax, Farbräume, praktische Anwendungsfälle und erstellen Sie dynamische Paletten ohne JavaScript.
Einen Farbwähler als Web Component von Grund auf bauen
Baue einen barrierefreien Farbwähler als Web Component. Implementiere Canvas-Rendering, Farbton-Schieberegler, Alpha-Kanäle und Custom Events mit Shadow DOM.
Perzeptuelle Farbräume: Lab, LCH, Oklab, OKLCH
Erkunde perzeptuell gleichmäßige Farbräume – CIE Lab, LCH, Oklab und OKLCH. Lerne, wie jeder konzipiert wurde, wo er glänzt und welchen du für CSS und Designarbeit verwenden solltest.
Farbproofing: Druckfarben präzise sicherstellen
Lernen Sie Softproofing, Hardproofing und Pressenzugproof-Techniken, um eine genaue Farbwiedergabe vom Bildschirm bis zur endgültigen Ausgabe zu gewährleisten.
CMYK für Webdesigner: Wenn Druck auf Bildschirm trifft
Webdesigner, die an Druckprojekten arbeiten, müssen CMYK verstehen. Lerne Gamut-Unterschiede, sichere RGB-zu-CMYK-Konvertierungsstrategien, Druckkorrekturfabläufe und häufige Fallstricke.
Farbe für Data Storytelling: Über Standard-Diagrammfarben hinaus
Data Storytelling jenseits der Standard-Diagrammfarben. Sequenzielle, divergierende und kategoriale Paletten, Barrierefreiheit in der Datenviz und D3/Chart.js-Farbskalen.