Saturação
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.
A intensidade ou pureza de uma cor, variando de uma matiz viva até um cinza apagado.
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.
Experimente
Artigos relacionados
CSS color-mix(): Misture Cores Nativamente no Navegador
Aprenda CSS color-mix() para misturar cores nativamente no navegador. Domine a sintaxe, espaços de cores, casos de uso práticos e crie paletas dinâmicas sem JavaScript.
Criando um Seletor de Cores como Web Component do Zero
Crie um seletor de cores acessível como Web Component. Implemente renderização em canvas, sliders de matiz, canais alfa e eventos customizados com Shadow DOM.
Espaços de Cor Perceptuais: Lab, LCH, Oklab, OKLCH
Explore espaços de cor perceptualmente uniformes — CIE Lab, LCH, Oklab e OKLCH. Aprenda como cada um foi projetado, onde se destaca e qual usar para CSS e trabalho de design.
Prova de Cores: Garantindo Cores de Impressão Precisas
Aprenda técnicas de soft proofing, hard proofing e prova de prensa para garantir reprodução precisa de cores na impressão, da tela ao produto final.
Estampagem a Foil e Cores Metálicas no Design Gráfico
Aprenda sobre técnicas de estampagem a foil, opções de tinta metálica, escolhas de foil dourado e prateado e considerações de design para materiais impressos premium.
Cor para Contar Histórias com Dados: Além das Paletas Padrão
Vá além das cores padrão de gráficos para narrar histórias com dados. Aprenda paletas sequenciais, divergentes e categóricas, acessibilidade em dataviz e escalas de cores em D3/Chart.js.