Generador de paleta tetrádica rectangular en línea
Crea una paleta de cuatro colores con dos pares complementarios a partir de un color base. Introduce un color HEX, RGB, HSV o HSL y obtén al instante una pal…
Empezar a usar
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. Esto produce una combinación visualmente equilibrada pero no simétrica.
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
El espaciado entre colores es fijo (60, 180 y 240 grados) 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, el espaciado rectangular está fijo en 60, 180 y 240 grados. 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 procesamiento se realiza localmente en tu navegador.