Generador de paletas de colores

Cómo funcionan las armonías de color

Las armonías se basan en la posición de los tonos en el círculo cromático. En una paleta de análogos los cinco tonos están a 18° uno de otro, 72° en total: paletas suaves, perfectas para fondos e interfaces. En una de complementarios se alternan un tono y su opuesto (180°, con unos grados de diferencia para que no parezcan copiados), del color más oscuro al más claro: el máximo contraste, para un color de acento que destaque. Una tríada toma tres tonos a 120° uno de otro, y los dos últimos colores son las versiones claras de los dos primeros tonos. Con pastel la luminosidad se queda entre el 80 y el 90%: con tanta luz hasta un color saturado se vuelve suave, el aspecto delicado de mucho packaging y de los productos para niños.

Bloquear un color

Toca un color para bloquearlo: aparece el candado, y con «Generar» cambian solo los demás. En las armonías el primer color bloqueado decide el tono de partida, así que los demás se colocan de verdad a su alrededor: es la forma de construir una paleta en torno al color de un logo. Un gris, el blanco y el negro no tienen tono: si el primer bloqueado es uno de ellos decide el siguiente bloqueado con color, y si no hay ninguno el tono de partida es al azar. El historial guarda los colores que han salido de la paleta, el más reciente arriba, y nunca uno que ya ves. Al tocar uno vuelve a la paleta, en el lugar del primero que no está bloqueado, y se queda bloqueado.

Con el botón «Un color» de arriba la misma página da un solo color. El historial dura mientras la página sigue abierta: no se guarda ni se envía nada.

Cómo usar tu paleta en un proyecto real

La regla práctica más conocida es la 60-30-10: un color dominante para el 60% de la composición (fondos), uno secundario para el 30% (secciones, tarjetas) y un color de acento para el 10% (botones, enlaces, detalles). Copia los códigos HEX y pégalos directamente en Figma, Canva, PowerPoint o el CSS de tu web. Antes de publicar, comprueba el contraste entre el texto y el fondo: una relación de al menos 4,5:1 mantiene el texto legible para todo el mundo.

Cuatro páginas, dos tareas

Generador de paletas y Color aleatorio son el mismo generador, con un color o con cinco: con los dos botones de arriba se pasa de uno a otro sin cambiar de página. Para escribir un color y tenerlo en todos los formatos están Conversor de colores y Selector de color, la misma herramienta con dos entradas.