🌗 Un conjunto de herramientas,
cada tarea de diseño

Generador de Tintes y Sombras

Genera una escala completa de tintes y sombras desde cualquier color: 20 pasos con exportación HEX y SCSS.

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

🌗 Generador de Tintes y Sombras

Guía de Tintes y Sombras

Un tinte aclara un color mezclándolo con blanco; una sombra lo oscurece mezclándolo con negro. Juntos forman la escala que todo sistema de diseño necesita para fondos, bordes y jerarquía de texto.

Define tu color base y el número de pasos, y haz clic en cualquier muestra para copiar su HEX. Usa la exportación SCSS para crear variables de toda la paleta de una vez.

Pro Tips

Frequently Asked Questions

Q: ¿Cuál es la diferencia entre tinte y sombra?
¿Cuál es la diferencia entre tinte y sombra? El tinte añade blanco al color base (más claro) y la sombra añade negro (más oscuro). Ambos conservan el mismo tono.
Q: ¿Cuántos pasos debo usar?
¿Cuántos pasos debo usar? De 5 a 10 pasos por lado cubre la mayoría de necesidades; 20 pasos en total es ideal para gráficos y visualización de datos.
Q: ¿Cómo uso la exportación SCSS?
¿Cómo uso la exportación SCSS? Copia el bloque en tu archivo .scss y referencia variables como $tint-2 o $shade-1 en tus estilos.
Q: ¿Qué es la regla 60-30-10?
¿Qué es la regla 60-30-10? 60% de un color neutro, 30% de un secundario y 10% de un acento: tu color base suele ocupar el 10% de acento.
Q: ¿Puedo copiar un solo color?
¿Puedo copiar un solo color? Sí: haz clic en cualquier muestra de la cuadrícula o la franja y su HEX se copia al instante.

Colores del Mundo Hispano

Del añil guatemalteco al rosa mexicano, el mundo hispanohablante tiene una rica tradición cromática. Estos colores nacen de textiles indígenas, arquitectura colonial y festividades, y hoy inspiran paletas llenas de carácter.

Rosa Mexicano #E4007C

Color icónico del diseño mexicano, creado por Ramón Valdiosera

Azul Añil #4B0082

Tinte tradicional de los textiles mayas de Guatemala

Rojo Bermellón #E34234

El rojo intenso de los toros y la cerámica española

Amarillo Maíz #F4B41A

El oro del maíz, base de la alimentación mesoamericana

Verde Jade #00A86B

La piedra sagrada de mayas y aztecas

Azul Celeste #A5C8E1

El azul de la bandera argentina y el cielo porteño

Terracota #E2725B

Arcilla cocida — el color de los tejados coloniales

Vino Tinto #722F37

El burdeos de las bodegas de La Rioja

Oro Colonial #D4AF37

El dorado de los retablos barrocos americanos

Turquesa Caribe #40E0D0

El color de las playas del Caribe

Q: ¿Qué es el rosa mexicano?
¿Qué es el rosa mexicano? El rosa mexicano (#E4007C) es un color vibrante promovido por el diseñador Ramón Valdiosera en los años 40 como símbolo de identidad nacional, usado hoy en artesanías, textiles y diseño contemporáneo.
Q: ¿Qué es el azul añil?
¿Qué es el azul añil? El añil es un tinte natural azul extraído de la planta del índigo, usado en los textiles mayas de Guatemala y en los huipiles tradicionales desde tiempos prehispánicos.