Tintes y sombras
Genera variantes más claras y más oscuras de cualquier color
Tints (más claro)
Base
Shades (más oscuro)
Acerca de Tints & Shades
Un tint es un color mezclado con blanco (más claro), y un shade es un color mezclado con negro (más oscuro). Generar tints y shades a partir de un color de marca o acento es una forma rápida de construir una paleta utilizable de fondos, superficies, estados hover y presionados para una interfaz.
Haz clic en cualquier muestra para copiar su código hex. Úsalas como punto de partida — es posible que desees ajustar la luminancia y saturación en HSL para obtener un resultado más amigable para diseñadores.
Preguntas frecuentes
¿Cuál es la diferencia entre un tint, un tone y un shade?
Un tint es el color mezclado con blanco. Un shade es el color mezclado con negro. Un tone es el color mezclado con gris (lo que lo desatura). Este generador maneja tints y shades.
¿Están basados en RGB o HSL?
Interpolación lineal RGB entre el color base y blanco/negro puro. Esto es rápido e intuitivo pero no siempre se ve uniforme perceptualmente — para trabajo de diseño de alta gama, el stepping basado en HSL u OKLCH puede producir resultados más suaves.