Extraer color de la imagen

Combina automáticamente colores basándose en fotos e imágenes. Carga una imagen, define un esquema de 10 colores primarios y observa cómo se combinan en la página web.

Arrastra y suelta un archivo o selecciona añadir imagen
www.gradients.app — pick colors from image
{{ color.hex }}

Colores de acento

Colores brillantes de la paleta, resaltan detalles importantes y llaman la atención 🔥

#{{getColor(1)}}

#{{getColor(2)}}

#{{getColor(3)}}

#{{color}}
#{{color}}

Te ayudaremos a elegir el color del texto y del fondo

Colores contrastantes hacen que tu contenido sea aún mejor 🤩

Colores apagados

Adecuados para notificaciones, tarjetas de información y otros bloques 👍

#{{getColor(7)}}

#{{getColor(8)}}

#{{getColor(9)}}

#{{getColor(10)}}

Colores claros

Ideales para fondos y sustratos 😺

#{{color}}

Colores oscuros

Se pueden usar para texto y encabezados 📝

#{{color}}

Colores invertidos

El reverso de la paleta de colores. Contrastan bien con los colores en tu esquema. 🦇

#{{invertColor(getColor(1))}}
#{{invertColor(getColor(2))}}
#{{invertColor(getColor(3))}}
#{{invertColor(getColor(4))}}
#{{invertColor(getColor(5))}}
#{{invertColor(getColor(6))}}
#{{invertColor(getColor(7))}}
#{{invertColor(getColor(8))}}
#{{invertColor(getColor(9))}}
#{{invertColor(getColor(10))}}

Herramientas

Hola,
¡Qué bueno verte!

¿Olvidaste tu contraseña?

Ingresa la dirección de correo electrónico que utilizaste al unirte y te enviaremos instrucciones para restablecer tu contraseña.

Crear
una nueva cuenta

Contraseña no coincide

Presentando los Gradientes de Malla

Hemos añadido un generador de gradientes de malla y una nueva biblioteca de malla para que puedas enriquecer con tus gradientes. Ahora puedes crear hermosos gradientes abstractos, descargarlos, copiar sus códigos CSS, guardarlos en tu panel personal y añadirlos a la biblioteca pública.

¡Pronto añadiremos un generador de gradientes radiales!

Gradientes de malla