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

Gran actualización

Cuenta personal, proyectos y nuevo diseño 🎁

Diseño actualizado de la cuenta personal:
Se eliminaron elementos de diseño innecesarios, haciéndolo más simple y limpio. Ahora, en la pantalla principal, hay estadísticas sobre los gradientes más populares, y cada gradiente publicado se puede ver por separado. Ahora se pueden eliminar todos los elementos guardados de la cuenta, lo cual antes no era posible.

Se ha añadido una nueva sección 'Proyectos':
Crea proyectos, añade cualquier elemento a ellos y comparte el enlace del proyecto.