Generador de paleta tetrádica rectangular en línea

Características y uso práctico

Esta herramienta genera una paleta de cuatro colores basada en un color base. A diferencia de una paleta cuadrada (con colores igualmente espaciados), la paleta rectangular usa dos pares complementarios: el color base, un color a 60 grados, un color a 180 grados (complementario del base) y un color a 240 grados. Los cuatro tonos no están espaciados uniformemente: los intervalos sucesivos son 60°, 120°, 60° y 120°.

Ejemplo concreto

Si introduce el color rojo puro (#FF0000), la herramienta generará los siguientes colores:

• Rojo (#FF0000) - el color base
• Amarillo (#FFFF00) - desplazamiento de 60 grados
• Cian (#00FFFF) - desplazamiento de 180 grados
• Azul (#0000FF) - desplazamiento de 240 grados

Estos cuatro colores forman dos pares complementarios: rojo/cian y amarillo/azul.

Parámetros y limitaciones

Los desplazamientos respecto al tono base son fijos (0°, 60°, 180° y 240°) y no hay un selector de ángulo. La conversión a valores HSL se redondea a enteros, por lo que los resultados pueden diferir ligeramente de otros generadores de paletas. La herramienta funciona completamente en el navegador, sin subir fotos ni cálculos en servidor.

Preguntas frecuentes

¿Puedo ajustar el ángulo entre los colores?

No. Los desplazamientos respecto al tono base son 0°, 60°, 180° y 240°. No hay un control para cambiar el ángulo.

¿Por qué los valores de color difieren de otros generadores?

La herramienta redondea los valores HSL a enteros, lo que puede causar pequeñas diferencias en los valores finales en comparación con otros generadores que usan precisión decimal.

¿Puedo editar un color individual después de generar la paleta?

Sí, puede editar manualmente cualquier color en su panel. Esto solo cambiará ese color, no afectará a los demás colores de la paleta.

Lista de verificación para usar la paleta

• Elija un color base que domine el diseño.
• Use los cuatro colores como candidatos para su esquema.
• Pruebe las combinaciones de texto y fondo por separado para asegurar la legibilidad.
• Recuerde que esta paleta no garantiza accesibilidad; use herramientas de contraste adicionales si es necesario.

El primer color conserva los valores RGB originales. Para los otros tres, primero se redondean el tono H, la saturación S y la luminosidad L del color base a unidades HSL enteras. La diferencia frente a un cálculo sin redondeo puede superar una unidad por canal RGB: #FC0000 produce #FC0000, #FAFA00, #00FAFA y #0000FA.