Sombra
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/shade/" 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/shade/Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/glossary/shade/)Use the native HTML custom element.
Un color producido al añadir negro a un matiz puro, haciéndolo más oscuro.
Shades are darker variations of a base color. For example, adding black to blue produces navy, which is a shade of blue. Shades preserve the original hue but increase depth and intensity. In web design, shades work well for text, borders, and emphasis elements. Tailwind CSS shade scales from 600 to 950 typically represent shades of the base color. Shades convey richness, stability, and seriousness in design contexts.
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.
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.
Arquitectura de color multimarca: un código, muchos temas
Construye arquitectura de color multimarca con propiedades personalizadas de CSS y tokens de diseño. Soporta temas white-label desde un único código fuente con integración de Tailwind.
Función CSS light-dark(): Cambio de Tema Nativo
Usa CSS light-dark() para cambiar temas de forma nativa. Reemplaza los interruptores de JavaScript y las media queries con una sola función CSS para colores en modo claro y oscuro.
Separación de Color Explicada: Preparar Archivos para Imprenta
Comprende la separación de color CMYK, planchas de tinta plana, trapping y marcas de registro. Prepara archivos listos para imprenta con separaciones de color correctas.
¿Es el blanco un color? Luz, pigmento y percepción
¿Es el blanco un color o la ausencia de color? Explora la ciencia de la luz, el mundo del pigmento y cómo se usa el blanco en el diseño, desde #FFFFFF hasta los blancos cálidos.