Tom
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/tone/" 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/tone/Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/glossary/tone/)Use the native HTML custom element.
Uma cor produzida pela adição de cinza (preto e branco) a uma matiz pura, reduzindo sua saturação.
Tones are more muted and subdued than the original hue, lying between tints and shades in character. Adding gray to any hue desaturates it without dramatically changing its lightness, resulting in colors that feel more natural and less intense. Tones are commonly found in nature and are popular in interior design and fashion because they are easy on the eye and harmonize well together. In color theory, toning is the most effective way to create sophisticated, understated palettes.
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.
Arquitetura de Cores Multi-Marca: Um Código, Vários Temas
Construa arquitetura de cores multi-marca com propriedades customizadas CSS e design tokens. Suporte a temas white-label a partir de um único código com integração ao Tailwind.