Generador de tonos de color

Todas las herramientas
Generador de tonos de color
Genera una gama completa de tintes y sombras a partir de un solo color — elige el paso de oscurecimiento/aclarado y la cantidad de tonos, y copia cualquier valor al instante.
Color base
Paso
%
Cuánto más claro/oscuro se vuelve cada tono por paso (1–25%).
Cantidad de tonos
Cuántos tintes y sombras generar a cada lado del color base.
Degradado
Tonos generados

Elige un color base, un porcentaje de paso y una cantidad — cada tinte y sombra se calcula al instante en tu navegador.

Compartir
Herramientas relacionadas
Generador de paletas de color

Crea paletas de color armoniosas desde una rueda de color interactiva — aplica reglas de armonía como análoga, complementaria o tríada, y copia cualquier valor al instante.
Mezclador de colores

Mezcla un color inicial con un color final en hasta 10 pasos — previsualiza el degradado, captura cada tono y copia cualquier formato al instante.
Exportador de paletas

Pega o importa un conjunto de colores y expórtalos al instante a variables CSS, SCSS, configuración de Tailwind, JSON o muestras SVG — el paso final para cualquier paleta.
Extractor de colores de imagen

Extrae una paleta refinada y lista para copiar de cualquier imagen.
Búsquedas populares
generador de tonos de color matices y sombras aclarar y oscurecer color tonos de un color generador de matiz de color generar tonos de color

Añade esta herramienta gratuita a tu propio sitio web: copia y pega el código de abajo.