Mis favoritos

Aún no hay favoritos. Haz clic en el botón de marcador de una herramienta para añadirla.

Tonos de color - Gratis Online | FunToolX

Usa Tonos de color gratis online, sin descarga. FunToolX ofrece cientos de herramientas divertidas.

Generador de Tonalidades de Color

Elige un color y genera un degradado de tonos y matices. Haz clic en cualquier muestra para copiar su código HEX.

¡Copiado!

Acerca de esta herramienta

Tonos de color es una herramienta en línea gratuita (herramienta de color). Genera tintes, sombras, colores complementarios y análogos. Ideal para concentrarte, relajarte o simplemente pasar un buen rato. Funciona enteramente en tu navegador; no requiere descarga ni registro.

Introduzca un color base (por ejemplo, #3B82F6), y la herramienta generará automáticamente una serie de tonos de 50 a 900 (sistema de color similar a Tailwind CSS). 50 es el más claro y 900 es el más profundo, y cada nivel se obtiene ajustando el brillo y la saturación en función del color principal.

Algoritmo de generación: en el espacio de color HSL, el tono (H) se mantiene sin cambios, el brillo (L) y la saturación (S) se ajustan. Los niveles claros disminuyen la saturación para mejorar el brillo, y los niveles oscuros aumentan la saturación para reducir el brillo para garantizar una visión uniforme.

Es adecuado para diseñar colores de diferentes estados, como el estado de suspensión, el estado presionado y el estado desactivado de los componentes de la interfaz de usuario. También se utiliza para generar un sistema de color temático, secuencias de color para la visualización de datos. Puede exportarse como una variable CSS, configuración de Tailwind o JSON.

Generador de escala de color que genera automáticamente múltiples variaciones de escala de luz a oscura basadas en un color primario para el diseño de la interfaz de usuario y la referencia de color.