Generador de Paletas de Colores

Elige un color base con el selector de color o escribiendo un código HEX, un valor RGB o incluso un nombre de color CSS como «teal», y luego elige un esquema de color como análoga, complementaria o monocromática. La paleta se construye al instante a partir de ese color base usando teoría del color. Haz clic en cualquier muestra para copiar su código HEX, o usa el cuadro de exportación para copiar la paleta entera como una lista HEX, variables CSS, valores RGB o un array de código. Pulsa Aleatorio para un nuevo color base al azar cuando quieras un punto de partida distinto.

Son armonías de color clásicas basadas en las posiciones alrededor del círculo cromático. El complementario usa dos colores directamente opuestos para un alto contraste. El análogo usa colores vecinos para un aspecto sereno y cohesionado. El triádico elige tres colores repartidos por igual en el círculo para un conjunto equilibrado y vibrante, mientras que el complementario dividido y el tetrádico son variaciones más ricas de tres y cuatro colores. El monocromático mantiene un único tono y varía su luminosidad para una paleta elegante y sutil. Este generador crea cada uno por ti a partir del color base que elijas.

Cambia a la pestaña Degradado, elige un degradado lineal, radial o cónico, y añade tantos puntos de color como quieras — cada uno con su propio color y posición. Arrastra el control del ángulo para los degradados lineales y cónicos, o define la forma y la posición para los radiales, y la vista previa en vivo se actualiza sobre la marcha. Cuando tenga buen aspecto, copia el CSS listo para usar (por ejemplo background: linear-gradient(135deg, #6366F1 0%, #EC4899 100%);) directamente en tu hoja de estilos.

Sí. El cuadro de exportación te permite alternar entre una lista HEX simple, un bloque :root de propiedades personalizadas CSS (--color-1, --color-2 …), valores rgb() o un array de JavaScript/JSON de cadenas HEX. Copia todo con un clic o descárgalo como archivo. Las muestras individuales también copian su código HEX al hacer clic en ellas, así que puedes tomar solo el color que necesites.

Por completo. No hay registro, ni límites, ni coste, y cada paleta y degradado se genera en tu navegador con JavaScript — nada se envía ni se almacena en un servidor. Eso también significa que sigue funcionando sin conexión una vez cargada la página, y los colores que creas permanecen enteramente en tu dispositivo.