Generador de tonalidades de color
Genera variaciones de tonalidades de claro a oscuro de cualquier color. Ajusta el número de pasos y exporta como paleta de Tailwind CSS.
Seleccionar color base
Matices (colores más claros)
Variaciones más claras creadas mezclando blanco con el color base
Tonalidades (colores más oscuros)
Variaciones más oscuras creadas mezclando negro con el color base
Cómo usar
Elegir color
Especifica el color mediante selector o código HEX
Generar tonalidades
Las tonalidades de claro a oscuro se generan automáticamente
Copiar
Copia los códigos de color de las tonalidades deseadas
Características
Control de pasos
Ajusta el número de pasos de tonalidad
Múltiples formatos
Copia en formatos HEX, RGB, HSL
Exportar paleta
Exporta la paleta en formato Tailwind CSS
FAQ
🔗Herramientas relacionadas
Convertidor de códigos de color
Convierte entre códigos de color HEX, RGB y HSL. Usa el selector de color y la vista previa en tiempo real para una selección intuitiva.
Selector de color
Selecciona colores de forma intuitiva usando una rueda de color y deslizadores. Obtén y copia códigos de color en formatos HEX, RGB y HSL.
Extractor de Colores de Imagen
Detecta automáticamente los colores dominantes de una imagen y genera una paleta de colores. También puedes hacer clic en cualquier parte de la imagen para seleccionar colores individuales.
Selector de Color Promedio de Imagen
Calcula el color promedio de una imagen completa o de un área seleccionada. Útil para elegir esquemas de color o colores de fondo de miniaturas.
Generador de degradados CSS
Crea degradados CSS visualmente con controles de arrastre. Admite tipos de degradado lineal, radial y cónico con preajustes.
Generador de CSS Box Shadow
Crea CSS box-shadow visualmente con deslizadores. Admite múltiples sombras y sombras interiores.