¿Qué hace la opción 'Preservar Valor de Luminosidad'?

Mantiene el nivel de brillo original del color base, asegurando que el nuevo color tenga la misma intensidad visual tras el desplazamiento del matiz.

¿Puedo generar más de 20 pasos en un gradiente?

No, la herramienta permite configurar entre 2 y 20 pasos para garantizar un rendimiento óptimo y una transición de color coherente.

¿Cómo funciona el modo de gradiente?

El modo gradiente divide la rueda cromática según el número de pasos definidos, creando una secuencia de colores equidistantes a partir de tu color base.

¿Es posible obtener colores complementarios automáticamente?

Sí, al activar la casilla 'Incluir Colores Complementarios', la herramienta calculará y mostrará el color opuesto en la rueda cromática.

¿En qué formato se obtienen los resultados?

Los resultados se generan en formato HTML, permitiéndote visualizar y copiar los códigos de color resultantes directamente para tu proyecto.

Elysia Tools

Navegación

Design

Desplazador de Matiz de Color

Desplaza matices de colores y crea variaciones con controles de rotación horaria/antihoraria

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 Desplazamiento de Matiz (grados)rangeOpcional

0360

Cantidad de desplazamiento de matiz para rotación de color (0° a 360°)Pasos del GradientenumberOpcionalSolo se aplica cuando "Gradiente (rueda completa)" está seleccionado. Controla cuántos colores generar en la secuencia del gradiente de matiz (2-20 pasos)

InterruptoresActiva o desactiva comportamientos opcionales.2

Incluir Colores ComplementarioscheckboxOpcionalActivado si está marcadoPreservar Valor de LuminosidadcheckboxOpcionalActivado 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

Desplazador de Matiz de 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 paleta para interfaz de usuario

2. Generación de gradiente para infografía

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

Colores Análogos

Complemento 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