# Herramienta de Tétrade de Color Generar esquemas de color tétricos con cuatro colores dispuestos en patrones rectangulares en la rueda de color, creando relaciones de color ricas y complejas > Página canónica: https://elysiatools.com/es/tools/color-tetrad - **Categoría:** Design - **Palabras clave:** color, tétrade, tetrádico, rectángulo, cuatro colores, armonía de color, esquema de color, relaciones complejas, pares complementarios ## Descripción general La Herramienta de Tétrade de Color permite generar esquemas cromáticos profesionales basados en cuatro colores dispuestos en patrones rectangulares sobre la rueda de color, facilitando la creación de paletas ricas, equilibradas y visualmente complejas para cualquier proyecto de diseño. ## Entradas - **Color Base** (color) - **Tipo de Rectángulo** (select) - **Ajuste de Matiz (grados)** (number): Ajuste de ángulo personalizado para tipo de rectángulo - **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 Variaciones de Color** (checkbox) ## Cuándo usarlo - Cuando necesitas crear una paleta de colores vibrante y equilibrada que destaque en interfaces de usuario o materiales gráficos. - Al buscar una armonía cromática que utilice dos pares de colores complementarios para generar contraste y profundidad. - Para explorar variaciones de color precisas ajustando la saturación, luminosidad y el ángulo de los matices en un esquema tetrádico. ## Cómo funciona - Selecciona un color base inicial para definir el punto de partida de tu esquema. - Elige un tipo de rectángulo (como cuadrado o pares complementarios) para determinar la distribución geométrica de los cuatro colores en la rueda. - Ajusta los parámetros de saturación, luminosidad y matiz para refinar la intensidad y el tono de la paleta resultante. - Visualiza los resultados con sus respectivos códigos HEX, RGB y HSL para integrarlos directamente en tus herramientas de diseño. ## Casos de uso - Diseño de interfaces web que requieren un esquema de color audaz y equilibrado para elementos de llamada a la acción. - Creación de paletas para ilustraciones digitales que necesitan profundidad mediante el uso de pares complementarios. - Desarrollo de identidades visuales de marca que buscan diferenciarse mediante combinaciones de colores complejas y armónicas. ## Preguntas frecuentes ### ¿Qué es un esquema de color tetrádico? Es una combinación de cuatro colores que forman un rectángulo o cuadrado en la rueda de color, ofreciendo un alto contraste y una gran variedad visual. ### ¿Puedo personalizar la distancia entre los colores? Sí, utilizando la opción de 'Rectángulo Personalizado' y el ajuste de matiz, puedes modificar los grados de separación entre los colores. ### ¿La herramienta proporciona los códigos de color? Sí, puedes activar la visualización de códigos HEX, valores RGB y valores HSL para cada color generado. ### ¿Es posible ajustar la intensidad de los colores generados? Absolutamente, puedes usar los controles deslizantes de ajuste de saturación y luminosidad para suavizar o intensificar la paleta. ### ¿Puedo incluir el color base original en la paleta final? Sí, marcando la casilla 'Incluir Color Base' en la configuración, el color original se mantendrá como parte del conjunto de cuatro colores. ## Herramientas relacionadas - [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 - [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 - [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 - [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 - [Herramienta de Colores Complementarios Divididos](https://elysiatools.com/es/tools/color-split-complement): Crear contraste harmonioso con esquemas de colores complementarios divididos usando un color base y dos colores adyacentes a su complemento ## 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.