Cómo usar el generador
- Elige Lineal o Radial.
- En un degradado lineal, arrastra el ángulo. 0° va de abajo hacia arriba, 90° de izquierda a derecha, 180° de arriba hacia abajo.
- Cambia los colores. Cada uno tiene un control deslizante para su posición, del 0% al inicio al 100% al final.
- Añade colores con Añadir un color, hasta cinco. El nuevo va en el hueco más ancho.
- Copia el CSS, o elige un tamaño y pulsa Descargar PNG.
Invertir da la vuelta al orden de los colores. Colores al azar prueba un conjunto nuevo y mantiene la posición de cada color. El degradado también queda en la dirección de la página, así que el enlace lo trae de vuelta.
Los tamaños
- Post cuadrado, 1080 x 1080: publicaciones del feed de Instagram, Facebook y LinkedIn.
- Post vertical, 1080 x 1350: la publicación de feed más alta en Instagram y Facebook. Ocupa más pantalla.
- Historia o reel, 1080 x 1920: Historias, Reels, TikTok y YouTube Shorts.
La vista previa toma la forma del tamaño que eliges, así que ves la imagen que obtienes. El PNG se dibuja con el mismo ángulo y los mismos puntos de color que el CSS, así que coincide con la vista previa.
Degradados que quedan bien
- Mantén los colores cerca. Dos vecinos en el círculo cromático, como azul y turquesa, se mezclan con suavidad. Los opuestos, como azul y naranja, pueden volverse grises en el medio. Añade un tercer color entre ellos para que siga vivo.
- Usa un tono claro y uno oscuro del mismo color para un fondo tranquilo que nunca compite con tu texto.
- Pon el texto en el extremo tranquilo. El texto sobre el medio de un degradado fuerte cambia de contraste de letra en letra.
Úsalo en el editor de diseño de Postfjord
En el editor de diseño, elige una forma o la página y escoge Degradado en sus colores. Define el primer y el segundo color, un color del medio, la dirección y el ángulo. Los Degradados de este diseño se crean con tus propios colores, así que encajan con tu marca. Un diseño se guarda en todos los tamaños que piden tus canales.
FAQ
¿Cuál es la diferencia entre lineal y radial?
Un degradado lineal va en línea recta con el ángulo que defines. Un degradado radial empieza en el centro y se extiende en círculo hasta las esquinas.
¿Puedo usar el PNG como publicación?
Sí. Es una imagen normal, sin marca de agua. Añade texto en tu app de diseño, o publícala como fondo para una cita.
¿Funciona el CSS en todos los navegadores?
Sí. linear-gradient y radial-gradient funcionan en todos los navegadores que se usan hoy.
¿Guarda la herramienta mi degradado?
Solo en el enlace. Funciona en tu navegador y no se envía ni se guarda nada en Postfjord.