Generador de Tintes y Sombras

Tinte Sombra

Genera una escala completa de 10 tintes (claros) y sombras (oscuras) desde un color base.

#
Color base activo

Lleva esta escala a una referencia fisica

Elige un tinte o sombra como nuevo color base y comprueba su aproximacion RAL o NCS antes de usarlo en producto o impresion.

Abrir mesa de color HEX a RAL RGB a NCS RGB a RAL
Despues del resultado

Sigue por una cadena principal de color

Si esta herramienta resolvio una parte del caso, continua por una ruta principal: RAL, NCS, RGB, HEX o CMYK segun el destino real.

Pantalla a NCSHEX a RALRAL a CMYK
NCS a RALCruza catalogos fisicos cuando obra, pintura y fabricacion no trabajan con el mismo sistema.RAL a RGBLleva un RAL aprobado a render, web, presentacion o documentacion digital sin perder la referencia base.

Tinte vs Sombra

PropiedadTinte (Tint)Sombra (Shade)
Mezcla conBlancoNegro
EfectoAclaraOscurece
En HSLAumenta LReduce L
Uso comúnFondos, hover, disabledTexto, bordes, active
EjemploPastelGranate

Preguntas Frecuentes

¿Qué es un tinte?
Un tinte es el color base mezclado con blanco. Incrementa la luminosidad manteniendo el tono. Ejemplo: rosa es un tinte de rojo.
¿Qué es una sombra?
Una sombra es el color base mezclado con negro. Reduce la luminosidad manteniendo el tono. Ejemplo: granate es una sombra de rojo.
¿Cuántas variantes necesita un design system?
La convención es 9-11 pasos (50-950). Esto da suficiente rango para fondos, bordes, texto y estados hover.
¿Estas variantes sirven para Tailwind?
Sí. Puedes mapear los 10 pasos a la escala Tailwind: 50, 100, 200, 300, 400, 500 (base), 600, 700, 800, 900.
¿Puedo generar variantes con OKLCH?
Sí, OKLCH produce variantes perceptualmente más uniformes. Esta herramienta usa HSL por compatibilidad universal.