Generador de paletas de colores
Genera paletas cromáticas armónicas a partir de un color hexadecimal, seleccionando el tipo de armonía y la cantidad de tonos deseada.
Ejecutar herramienta
Crea esquemas cromáticos equilibrados para tus proyectos de diseño digital, desarrollo web o maquetación gráfica. Esta herramienta calcula combinaciones tonales a partir de un color de origen en formato hexadecimal, como #3498db, y ajusta la relación de matices, saturación y luminosidad. Puedes elegir entre armonías monocromáticas, complementarias o análogas, además de una opción aleatoria para explorar contrastes imprevistos. El número de colores generados se puede configurar entre 3 y 12 tonos. Si introduces un código hexadecimal de tres dígitos o si olvidas el símbolo de almohadilla inicial, la herramienta normaliza la entrada de forma automática para procesarla con precisión. Cada tono resultante se presenta con su código hexadecimal de seis dígitos en minúsculas, facilitando su integración directa en hojas de estilo CSS o guías de estilo. Si necesitas una base limpia para tu interfaz o quieres probar variantes estéticas, ajusta los parámetros y genera la combinación adecuada.
Instrucciones
- Introduce el color base mediante un código hexadecimal (por ejemplo, #2ecc71 o ff5733).
- Selecciona el tipo de paleta en el menú desplegable: monocromática, complementaria, análoga o aleatoria.
- Indica la cantidad de tonos que necesitas para tu esquema, con un valor comprendido entre 3 y 12.
- Pulsa el botón de generación para obtener la lista de colores en formato hexadecimal.
Ejemplos
- Generar una paleta análoga de 5 tonos a partir del color base #e67e22 para una interfaz cálida.
- Crear un esquema complementario de 4 tonos con el color base #9b59b6 para resaltar llamadas a la acción.
- Obtener una serie monocromática de 6 tonos basada en #1abc9c para fondos y componentes con distintos niveles de contraste.
Preguntas frecuentes
¿Qué ocurre si introduzco un código de color sin el símbolo almohadilla (#)?
El sistema añade automáticamente el símbolo # antes de procesar el valor, por lo que códigos como 3498db o f00 son válidos.
¿Cuál es el límite mínimo y máximo de colores por paleta?
Puedes generar entre 3 y 12 colores por consulta. Si indicas un número fuera de este intervalo, el valor se ajusta automáticamente al límite más cercano.
¿Cómo se calculan los colores de la opción aleatoria?
La opción aleatoria genera valores de matiz, saturación y luminosidad mediante un algoritmo numérico, por lo que cada ejecución produce combinaciones distintas.
¿En qué formato se devuelven los colores generados?
Todos los colores se devuelven como valores hexadecimales de seis dígitos en minúsculas con el prefijo #, listos para copiar en código CSS o herramientas de diseño.