Toolipedia Insertar
ES
← Todas las herramientas de texto

Generador de tintes y sombras

Tintes más claros, sombras más oscuras y tonos más suaves de cualquier color, con variables CSS.

  • Gratis
  • Sin registro
  • Funciona en cualquier dispositivo

Acerca de Generador de tintes y sombras

Parte de un color y obtén matices más claros (mezclados con blanco), sombras más oscuras (mezcladas con negro) y tonos más suaves (mezclados con gris). Los pasos se entregan como variables CSS listas para una hoja de estilos. Estas familias son la base de los estados hover, los bordes, los fondos y los botones deshabilitados.

Cómo usar Generador de tintes y sombras

  1. Introduce tu color base como código HEX o elígelo.
  2. Mira los matices más claros, los tonos más oscuros y los tonos más suaves.
  3. Copia colores individuales o las variables CSS del conjunto completo.

¿Por qué usar esta herramienta?

También conocida como

Preguntas frecuentes

¿Cuál es la diferencia entre un matiz claro (tint) y una sombra (shade)?

Un matiz claro (tint) es un color mezclado con blanco, así que se vuelve más claro. Una sombra (shade) es el color mezclado con negro, así que se vuelve más oscuro. Un tono (tone) se mezcla con gris.

¿Cómo nombro las variables CSS de mis tonos?

Usa una escala numerada como de 100 a 900, donde los números pequeños son claros y los grandes oscuros. Así los nombres son cortos y fáciles de ampliar.

¿Para qué se usan los tonos más suaves?

Los tonos mezclan el color con gris, reduciendo su intensidad. Van bien para fondos, bordes y elementos de interfaz apagados donde un color puro sería demasiado fuerte.

¿Es gratis Generador de tintes y sombras?

Sí. Generador de tintes y sombras de Toolipedia es de uso gratuito, sin registro y sin marca de agua.

¿Es seguro usarlo?

Sí. Todo se calcula en tu navegador y nada de lo que introduces se envía a nuestro servidor.

¿Funciona en mi teléfono?

Sí. Funciona en cualquier navegador moderno en Android y iPhone, y también en tabletas y computadoras. No hay que instalar nada.

¿Necesito una cuenta?

No. Solo abre la página y usa la herramienta. No hace falta registrarse ni dar un correo electrónico.

¿Puedo poner Generador de tintes y sombras en mi propio sitio web?

Sí. Usa el botón «Insertar en tu sitio» debajo de la herramienta para copiar un fragmento corto de código y pegarlo en tu página. Es gratis, no necesita cuenta y la herramienta sigue funcionando dentro de tu página.

Herramientas relacionadas