# Saturar/Desaturar Color Ajusta la saturación del color y crea variaciones de saturación > Página canónica: https://elysiatools.com/es/tools/color-saturate-desaturate - **Categoría:** Design - **Palabras clave:** color, saturación, desaturación, vibrancia, intensidad, ajustar, tono, ajuste de color, croma ## Descripción general Esta herramienta permite ajustar con precisión la intensidad cromática de cualquier color, facilitando la creación de paletas equilibradas mediante el aumento o la disminución de la saturación. ## Entradas - **Color Base** (color) - **Tipo de Ajuste** (select) - **Cantidad de Ajuste (%)** (range): Cantidad de ajuste para la saturación del color (-100% a +100%) - **Pasos del Gradiente** (number): Solo se aplica cuando "Gradiente (rango completo)" está seleccionado. Controla cuántos colores generar en la secuencia del gradiente de saturación (2-20 pasos) - **Incluir Colores Complementarios** (checkbox) - **Preservar Características de Matiz** (checkbox) ## Cuándo usarlo - Cuando necesitas suavizar colores vibrantes para un diseño minimalista o profesional. - Al generar una escala de colores coherente para interfaces de usuario o sistemas de diseño. - Para corregir la intensidad de un color base y asegurar que mantenga su matiz original. ## Cómo funciona - Selecciona tu color base utilizando el selector de color integrado. - Elige el tipo de ajuste deseado: saturar, desaturar, generar un gradiente o aplicar un cambio personalizado. - Define la cantidad de ajuste en porcentaje y ajusta parámetros adicionales como el número de pasos si generas un gradiente. - Obtén los códigos de color resultantes listos para usar en tus proyectos de diseño. ## Casos de uso - Creación de paletas de colores para interfaces web (UI) con estados de hover y activo. - Generación de esquemas de colores monocromáticos para infografías y presentaciones. - Ajuste de identidad visual para asegurar que los colores de marca sean accesibles y equilibrados. ## Preguntas frecuentes ### ¿Qué diferencia hay entre saturar y desaturar? Saturar aumenta la intensidad y pureza del color, mientras que desaturar lo acerca a tonos grises, reduciendo su viveza. ### ¿Puedo mantener el tono original al ajustar la saturación? Sí, al activar la opción 'Preservar Características de Matiz', la herramienta ajusta únicamente la intensidad sin alterar el tono base. ### ¿Cuántos colores puedo generar con la opción de gradiente? Puedes generar entre 2 y 20 pasos de color para crear una transición suave de saturación. ### ¿Es posible obtener colores complementarios automáticamente? Sí, marcando la casilla 'Incluir Colores Complementarios', la herramienta calculará las variantes opuestas en el círculo cromático. ### ¿Qué formato de salida proporciona la herramienta? La herramienta genera los colores resultantes en formato visual y códigos de color listos para copiar. ## Herramientas relacionadas - [Complemento de Color](https://elysiatools.com/es/tools/color-complement): Encontrar colores complementarios y crear esquemas armoniosos con relaciones triádicas, tetraédricas y análogas - [Desplazador de Matiz de Color](https://elysiatools.com/es/tools/color-hue-shifter): Desplaza matices de colores y crea variaciones con controles de rotación horaria/antihoraria - [Inversor de Color](https://elysiatools.com/es/tools/color-inverter): Invertir colores y crear versiones negativas con métodos de inversión RGB, HSL y brillo - [Aclarar/Oscurecer Color](https://elysiatools.com/es/tools/color-lighten-darken): Ajusta el brillo de los colores y crea variaciones - [Generador de Sombras de Color](https://elysiatools.com/es/tools/color-shade): Genere variaciones más oscuras de un color agregando negro, creando sombras ricas para profundidad y contraste en el diseño - [Generador de Tintes de Color](https://elysiatools.com/es/tools/color-tint): Genere variaciones más claras de un color agregando blanco, creando tintes brillantes y aéreos para estéticas de diseño frescas - [Generador de Colores Neón](https://elysiatools.com/es/tools/neon-colors): Genere colores neón vibrantes y brillantes con alta saturación y brillo, creando efectos de luz eléctrica llamativos perfectos para pantallas digitales y diseño moderno - [Generador de Colores Pastel](https://elysiatools.com/es/tools/pastel-colors): Genere colores pastel suaves y delicados con saturación reducida y luminosidad aumentada para crear paletas delicadas y calmantes ## Ejemplos - [Ejemplos de Códigos de Color](https://elysiatools.com/es/samples/color-code): Colección de códigos de color en varios formatos (Hex, RGB, HSL, colores con nombre) para pruebas de validación - [Ejemplos de Procesamiento de Imágenes Android Java](https://elysiatools.com/es/samples/android-image-processing-java): Ejemplos de procesamiento de imágenes Android Java incluyendo lectura/escritura, escalado y conversión de formato - [Ejemplos de Procesamiento de Imágenes Android Kotlin](https://elysiatools.com/es/samples/android-image-processing-kotlin): Ejemplos de procesamiento de imágenes Android Kotlin incluyendo lectura/escritura, escalado y conversión de formato - [Ejemplos de Procesamiento de Imágenes Web Python](https://elysiatools.com/es/samples/web-image-processing-python): Ejemplos de procesamiento de imágenes Web Python usando PIL/Pillow incluyendo lectura, guardado, redimensionamiento y conversión de formato ## Contenido relacionado - [Herramientas para sistemas de color accesibles](https://elysiatools.com/es/hubs/color-design-tools): Crea un sistema de color reutilizable transformando colores, generando armonías, comprobando contraste y visión cromática, y documentando tokens. - [Flujo de sistema de color y efectos CSS](https://elysiatools.com/es/hubs/design-generate): Extrae una paleta, construye relaciones accesibles, genera tokens y aplica efectos CSS coherentes en estados reales de interfaz.