# Herramienta de Colores Complementarios Divididos Crear contraste harmonioso con esquemas de colores complementarios divididos usando un color base y dos colores adyacentes a su complemento > Página canónica: https://elysiatools.com/es/tools/color-split-complement - **Categoría:** Design - **Palabras clave:** color, complementario dividido, contraste harmonioso, armonía de color, esquema de color, colores adyacentes, armonía triádica ## Descripción general Nuestra herramienta de colores complementarios divididos te permite generar esquemas cromáticos equilibrados y profesionales, utilizando un color base junto a los dos colores adyacentes a su opuesto directo en la rueda cromática. ## Entradas - **Color Base** (color) - **Ángulo de División (grados)** (number): Ángulo entre el complemento y los colores divididos (típicamente 15-45 grados) - **Ajuste de Saturación** (number): Multiplicador de saturación (0.5-2.0) - **Ajuste de Luminosidad** (number): Ajustar luminosidad (-0.3 a 0.3) - **Incluir Color Base** (checkbox) - **Mostrar Códigos HEX** (checkbox) - **Mostrar Valores RGB** (checkbox) - **Mostrar Valores HSL** (checkbox) - **Generar Paleta Extendida** (checkbox) ## Cuándo usarlo - Cuando necesitas un diseño con alto contraste pero que mantenga una armonía visual suave. - Al buscar alternativas menos agresivas que el esquema de colores complementarios tradicional. - Para crear paletas de colores equilibradas en interfaces de usuario, logotipos o ilustraciones digitales. ## Cómo funciona - Selecciona tu color base mediante el selector de color integrado. - Ajusta el ángulo de división para definir qué tan cerca o lejos estarán los colores secundarios del complemento exacto. - Modifica la saturación y la luminosidad para refinar el impacto visual de la paleta. - Visualiza los resultados con códigos HEX, RGB y HSL para integrarlos directamente en tus proyectos. ## Casos de uso - Diseño de interfaces web que requieren botones de acción destacados sin romper la estética general. - Creación de paletas para branding que buscan un equilibrio entre energía y estabilidad. - Desarrollo de esquemas de color para infografías que necesitan diferenciar categorías con armonía. ## Preguntas frecuentes ### ¿Qué es un esquema de color complementario dividido? Es una variación del esquema complementario que utiliza un color base y los dos colores situados a ambos lados de su complemento directo. ### ¿Cómo afecta el ángulo de división al resultado? El ángulo determina la distancia entre los colores secundarios; un ángulo menor crea un contraste más estrecho, mientras que uno mayor lo amplía. ### ¿Puedo ajustar el brillo de los colores generados? Sí, puedes utilizar el control de ajuste de luminosidad para aclarar u oscurecer los colores de la paleta resultante. ### ¿Qué formatos de color ofrece la herramienta? La herramienta proporciona los valores en formatos HEX, RGB y HSL para facilitar su uso en cualquier software de diseño. ### ¿Es necesario incluir el color base en la paleta final? No, puedes activar o desactivar la opción 'Incluir Color Base' según tus necesidades de diseño. ## Herramientas relacionadas - [Conversor de color CMYK](https://elysiatools.com/es/tools/cmyk-converter): Convierte colores entre HEX, RGB, HSL y CMYK. - [Colores Análogos](https://elysiatools.com/es/tools/color-analogous): Generar esquemas de colores análogos armoniosos con colores adyacentes en la rueda de color, creando combinaciones unificadas y pacíficas - [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 - [Generador de Gradiente de Color](https://elysiatools.com/es/tools/color-gradient-generator): Genera gradientes de color suaves entre múltiples colores con pasos y formatos personalizables - [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 - [Generador de Esquemas de Color](https://elysiatools.com/es/tools/color-scheme-generator): Genera esquemas de color y paletas profesionales para proyectos de diseño - [Tonedor Sepia](https://elysiatools.com/es/tools/color-sepia-toner): Aplicar efectos de tono sepia a los colores con estilos clásico, cálido, frío y personalizado - [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 ## 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 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 - [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 ## 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.