Degradado desde imagen

Sube una foto y conviértela en un degradado con sus colores. Copia el código CSS o ajústalo en el generador de degradados.

Paleta

5 colores

Arrastra cada punto para muestrear un color distinto de la foto.

Cómo crear un degradado a partir de una foto

Sube la fotoUn atardecer, un paisaje o cualquier foto con colores que te gusten.
Elige los coloresPrueba los modos Vivos, Suaves o Claros, o arrastra los puntos. El degradado va de oscuro a claro.
Copia el CSSCopia el linear-gradient o ábrelo en el generador para cambiar el ángulo o hacerlo radial.

Para degradados suaves usa 3 o 4 colores cercanos entre sí; con muchos colores muy distintos el paso se ve brusco.
Los atardeceres, el mar y el cielo dan los degradados más naturales.
Si va texto encima, comprueba el contraste con el color más claro y el más oscuro en el comprobador de contraste.
Desde el generador de degradados puedes descargarlo como fondo de pantalla.

¿Cómo se usa el CSS?

Pega la línea background: linear-gradient(...) en el estilo de tu elemento. Funciona en todos los navegadores actuales.

¿Puedo cambiar la dirección?

Sí. Abre el degradado en el generador y elige el ángulo, el tipo radial o el modo malla.

¿Cuántos colores usa?

Hasta 6, ordenados por luminosidad para que el paso entre colores sea natural.