Un degradado de color es una mezcla gradual entre dos o más colores. Por lo general, un gradiente está definido por dos colores definidos por el usuario, y la computadora calcula automáticamente todos los colores intermedios. Los degradados de color pueden consistir en dos o más colores definidos usados. En el código CSS para sitios web, puede definir gradientes lineales y radiales. Un degradado de color lineal combina los colores en línea recta y da como resultado una transición de color progresiva de un punto a otro. Un degradado de color radial combina los colores de forma circular y da como resultado una transición de color que se irradia desde cierto punto.
Normalmente, un diseñador selecciona a mano dos o más colores para hacer un degradado de color. Esto requiere experiencia en diseño y un buen ojo para la armonía del color. Nuestro generador de degradado de color utiliza los algoritmos de degradado de color de nuestro creador de logotipos My Brand New Logo, que crea automáticamente degradados de color atractivos y bien equilibrados *. Solo tiene que seleccionar un solo color, y nuestro generador de gradiente genera automáticamente un gradiente de buen aspecto basado en eso. Hay mucha ciencia del color detrás de escena, pero puede estar seguro de que su gradiente de color siempre se ve bien.
Nuestro generador de gradiente de fondo CSS crea automáticamente un gradiente de color basado en el color seleccionado. Tenemos diferentes estilos de gradientes. El estilo de luz genera un degradado de color que parece que está siendo resaltado por una fuente de luz. Perfecto para agregar un poco de brillo a tus colores. El estilo profundo lleva ese concepto un poco más allá y agrega más matices al espectro de color. El estilo arcoíris es perfecto para colores más claros, para crear un aspecto de nácar. Y el estilo intenso crea un degradado de color intenso, profundo y rico.
Cuando haya seleccionado un color, puede arrastrar los controles deslizantes para ajustar el degradado. El primer control deslizante controla la cantidad de gradiente. El segundo control deslizante controla la rotación del gradiente de color. Puede usar esto para simular de dónde viene la luz. El tercer control deslizante cambia de modo lineal a radial.
Si está satisfecho con su gradiente, obtenga su código CSS copiando y pegando el código de gradiente de color CSS generado. Colóquelo en su propio código CSS para obtener exactamente el mismo gradiente en su propio diseño web.
Si desea crear un logotipo con un degradado de color, hemos establecido algunas pautas para usted:
Use este código CSS en su proyecto web para obtener su degradado de color: