¿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.

Elysia Tools

Navegación

Design

Saturar/Desaturar Color

Ajusta la saturación del color y crea variaciones de saturación

Ejecución

Ejecutar esta herramienta

Completa el formulario, ejecuta la herramienta y revisa el resultado en un solo lugar.

Entradas

Completa los campos necesarios y ejecuta la herramienta.

6 opciones

AjustesAjusta formatos, rangos, números y modos.4

Color BasecolorObligatorioTipo de AjusteselectObligatorioCantidad de Ajuste (%)rangeOpcional

-100100

Cantidad de ajuste para la saturación del color (-100% a +100%)Pasos del GradientenumberOpcionalSolo se aplica cuando "Gradiente (rango completo)" está seleccionado. Controla cuántos colores generar en la secuencia del gradiente de saturación (2-20 pasos)

InterruptoresActiva o desactiva comportamientos opcionales.2

Incluir Colores ComplementarioscheckboxOpcionalActivado si está marcadoPreservar Características de MatizcheckboxOpcionalActivado si está marcado

Resultado

Listo para ejecutar

Al ejecutar la herramienta, aquí verás archivos, texto, datos estructurados o salida en streaming.

Ejemplos

Ejemplos que encajan con esta herramienta

Relacionado

Saturar/Desaturar Color

Ejecutar esta herramienta

Entradas

Resultado

Ejemplos que encajan con esta herramienta

Continuar con herramientas y temas relacionados

Entradas

Resultado

Conoce cuándo usar esta herramienta, qué admite y cómo la aplican los usuarios.

Datos clave

Resumen

Cuándo usarlo

Cómo funciona

Casos de uso

Ejemplos

1. Creación de escala para botones UI

2. Desaturación para modo oscuro

Preguntas frecuentes

Ejemplos de Códigos de Color

Ejemplos de Procesamiento de Imágenes Android Java

Ejemplos de Procesamiento de Imágenes Android Kotlin

Ejemplos de Procesamiento de Imágenes Web Python

Complemento de Color

Desplazador de Matiz de Color

Inversor de Color

Aclarar/Oscurecer Color

Generadores de efectos CSS, paletas y tokens de diseno

Herramientas de Diseño de Color y Conversión de Espacios de Color

Herramientas de conversion de espacios de color para web e impresion

Herramientas de auditoria de accesibilidad web y color accesible