Tono
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.
Un color producido al añadir gris (negro y blanco) a un matiz puro, reduciendo su saturación.
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.
Pruébelo
Artículos relacionados
CSS color-mix(): Mezcla Colores Nativamente en el Navegador
Aprende CSS color-mix() para mezclar colores nativamente en el navegador. Domina la sintaxis, los espacios de color, los casos de uso prácticos y crea paletas dinámicas sin JavaScript.
Construyendo un Selector de Color como Web Component desde Cero
Construye un selector de color accesible como Web Component. Implementa renderizado en canvas, sliders de tono, canales alfa y eventos personalizados con Shadow DOM.
Espacios de Color Perceptuales: Lab, LCH, Oklab, OKLCH
Explora los espacios de color perceptualmente uniformes — CIE Lab, LCH, Oklab y OKLCH. Aprende cómo fue diseñado cada uno, en qué destaca y cuál usar para CSS y trabajo de diseño.
Prueba de Color: Garantizando Colores Precisos en Impresión
Aprende técnicas de prueba blanda, prueba física y prueba de prensa para garantizar una reproducción precisa del color de impresión desde la pantalla hasta la salida final.
CMYK para diseñadores web: cuando la impresión se encuentra con la pantalla
Los diseñadores web que trabajan en proyectos de impresión necesitan entender CMYK. Aprende las diferencias de gama, estrategias seguras de conversión RGB a CMYK, flujos de trabajo de prueba de impresión y errores comunes.
Estampado en Lámina y Colores Metálicos en Diseño de Impresión
Aprende sobre técnicas de estampado en lámina, opciones de tintas metálicas, elección de láminas doradas y plateadas, y consideraciones de diseño para materiales impresos premium.