Generador de Sombras & Tintes

Genera al instante 10 sombras y 10 tintes de cualquier color. Herramienta gratuita en línea de paleta de colores para diseñadores y desarrolladores.

Shades → #000000

Click to copy

Tints → #FFFFFF

Click to copy

Cómo funciona

  1. Introduce un color usando un código HEX, valores RGB o selecciónalo con el selector visual de color.
  2. La herramienta genera al instante 10 sombras (variantes más oscuras) mezclando tu color con negro.
  3. Explora los 10 tintes (variantes más claras) creados al mezclar el color con blanco.
  4. Haz clic en cualquier muestra de color de la paleta para copiar su código HEX al portapapeles.
  5. Usa la paleta generada directamente en tu proyecto de diseño o desarrollo.

Ejemplo

Entrada: #2EC4B6
Resultado: Sombras (10): #29b0a4, #249c92, #1f8880, #1a746e, #15605c, #104c4a, #0b3838, #062424, #031212, #010808 Tintes (10): #43cac0, #58d0ca, #6dd6d4, #82dcde, #97e2e8, #ace8f2, #c1eef6, #d6f4f8, #ebfafa, #f5fdfd

FAQ

Una sombra se crea añadiendo negro al color base, haciéndolo más oscuro. Un tinte se crea añadiendo blanco, haciéndolo más claro.

Sí, completamente seguros. Todo el procesamiento se realiza en el lado del cliente, directamente en tu navegador. Ningún dato se envía a ningún servidor.

Sí, la herramienta acepta colores en formato HEX, valores RGB y también mediante un selector visual de color.

La herramienta genera exactamente 10 sombras y 10 tintes para cualquier color, lo que da una paleta de 20 colores en total.

Sí, es completamente gratuita, sin necesidad de registro ni límites de uso.