Generador de esquema de colores cuadrado en línea
Creá una paleta de 4 colores equidistantes en HSL. Ingresá un color base y obtené los tonos a 90, 180 y 270 grados. Editable y sin envío de datos. El procesa…
Empezar a usar
Qué hace esta herramienta
Genera una paleta de cuatro colores con separación uniforme de 90 grados en el círculo cromático HSL. Por ejemplo, si ingresás #FF0000 (rojo), obtenés #FF0000, #80FF00, #00FFFF y #7F00FF en ese orden. El color original se conserva exactamente; los demás se calculan con saturación y luminosidad redondeadas a enteros, por lo que puede haber diferencias de un nivel respecto a otras herramientas.
Controles disponibles
- Panel de entrada avanzado: soporta formatos HEX, RGB, HSV y HSL.
- Acción de cálculo explícita: no se genera hasta que presionás el botón correspondiente.
- Muestras editables: cada color de la paleta se puede modificar individualmente.
- Restablecer: vuelve al color base y limpia la salida.
Ejemplo práctico
Si trabajás en un diseño y necesitás cuatro tonos que contrasten visualmente, esta herramienta te da una base. Pero recordá que la separación igual en HSL no garantiza igual brillo percibido ni contraste suficiente para texto. Verificá cada par de colores de fondo y texto por separado.
Limitaciones
No hay opción de ángulo ni de cantidad de colores: siempre son cuatro con separación fija de 90 grados. No se incluye puntaje de contraste ni selector de formato de exportación. Todo se procesa en el navegador, sin envío de datos ni IA.
Preguntas frecuentes
¿Por qué mis colores rotados difieren levemente de otra herramienta?
Porque esta herramienta redondea la saturación y la luminosidad a números enteros al convertir entre modelos de color. Esa diferencia de un nivel es normal y no afecta la armonía general.
¿Puedo cambiar la separación entre colores?
No, la separación está fija en 90 grados. Si necesitás otra variante, buscá la herramienta de colores rectangulares o tetrádicos.
¿Qué pasa si edito una muestra después de generar la paleta?
La muestra editada cambia individualmente, pero las demás no se recalculan. La paleta resultante puede dejar de ser un cuadrado perfecto en el círculo cromático.
El procesamiento se realiza localmente en tu navegador.