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

Ajuste de ángulo personalizado para tipo de rectángulo

Multiplicador de saturación (0.5-2.0)

Ajustar luminosidad (-0.3 a 0.3)

Datos clave

Categoría
Diseño y color
Tipos de entrada
color, select, number, checkbox
Tipo de salida
html
Cobertura de muestras
3
API disponible
Yes

Resumen

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.

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.

Ejemplos

1. Paleta para Interfaz de Aplicación Móvil

Diseñador UI/UX
Contexto
El diseñador necesita una paleta de cuatro colores para una nueva aplicación que requiere un aspecto moderno y contrastado.
Problema
Encontrar cuatro colores que armonicen bien sin que el diseño se vea caótico.
Cómo usarlo
Selecciona un azul vibrante como color base y elige el modo 'Cuadrado' para obtener una distribución uniforme.
Configuración de ejemplo
baseColor: #3498DB, rectangleType: square, showHexCodes: true
Resultado
Se obtiene una paleta equilibrada con cuatro colores equidistantes que garantizan un contraste profesional en la interfaz.

2. Esquema de Colores para Ilustración

Ilustrador Digital
Contexto
El ilustrador busca un esquema de color rico para una pieza artística que utiliza pares complementarios.
Problema
Los colores elegidos manualmente carecen de la armonía necesaria para que la ilustración se sienta cohesiva.
Cómo usarlo
Usa el color base de la piel del personaje y aplica el modo 'Pares Complementarios' con un ajuste ligero de luminosidad.
Configuración de ejemplo
baseColor: #FF6B6B, rectangleType: complementary_pairs, lightnessAdjust: 0.1
Resultado
Una paleta de cuatro colores que mantiene la armonía visual y añade profundidad a la ilustración mediante el contraste complementario.

Probar con muestras

design
Ejemplos de Códigos de Color
Colección de códigos de color en varios formatos (Hex, RGB, HSL, colores con nombre) para pruebas de validación
title token color
sample
Muestras ICS del Planificador por Zona Horaria
Archivos ICS con la misma estructura devuelta por Time Zone Workflow Scheduler, incluyendo varios VEVENT de candidatos
task generate
sample
Muestras PDF
Muestras PDF generadas por herramientas 2026-02-01 a 2026-02-10
task generate
sample

Hubs relacionados

Herramientas de Design para Generate
Explora 19 herramientas de design para flujos de generate y encuentra utilidades cercanas con rapidez.
Herramientas de Design para Convert
Explora 98 herramientas de design para flujos de convert y encuentra utilidades cercanas con rapidez.
Herramientas de Json para Generate
Explora 33 herramientas de json para flujos de generate y encuentra utilidades cercanas con rapidez.
Herramientas de Pdf para Generate
Explora 11 herramientas de pdf para flujos de generate y encuentra utilidades cercanas con rapidez.

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.

Documentación de la API

Punto final de la solicitud

POST /es/api/tools/color-tetrad

Parámetros de la solicitud

Nombre del parámetro Tipo Requerido Descripción
baseColor color Sí -
rectangleType select No -
hueAdjustment number No Ajuste de ángulo personalizado para tipo de rectángulo
saturationAdjust number No Multiplicador de saturación (0.5-2.0)
lightnessAdjust number No Ajustar luminosidad (-0.3 a 0.3)
includeOriginal checkbox No -
showHexCodes checkbox No -
showRgbValues checkbox No -
showHslValues checkbox No -
generatePalette checkbox No -

Formato de respuesta

{
  "result": "
Processed HTML content
",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
HTML: HTML

Documentación de MCP

Agregue este herramienta a su configuración de servidor MCP: 

{
  "mcpServers": {
    "elysiatools-color-tetrad": {
      "name": "color-tetrad",
      "description": "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",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=color-tetrad",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Puede encadenar múltiples herramientas, por ejemplo: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máximo 20 herramientas.

Si encuentra algún problema, por favor, póngase en contacto con nosotros en [email protected]