# 20 ideas de fondos para tu logo [Canonical HTML page](https://gradiently.design/es/guide/logo-background-ideas) El fondo que hay detrás de un logo cambia cómo se siente el logo tanto como el propio logo. Aquí tienes veinte fondos para probar, desde campos de color liso hasta grano y luz, y cómo emparejar cada uno con la versión adecuada de tu logo. ## The short version - Las mejores ideas de fondo para logos salen de cuatro familias: campos lisos y monocromos, degradados, texturas y materiales, y fotografía. - Todo logo necesita al menos una versión a todo color, otra de un solo color oscuro y otra de un solo color claro, porque ninguna versión sirve para todos los fondos. - Un logo debe colocarse en la parte más tranquila y uniforme de cualquier fondo, nunca sobre un cambio de color fuerte. - Los fondos con degradado o textura dan presencia a un logo, pero deben mantener suficiente contraste en toda la zona que cubre el logo. - Elegir dos o tres fondos para el logo y usar solo esos hace una marca más reconocible que estrenar uno nuevo cada vez. Las buenas **ideas de fondo para logos** se agrupan en cuatro familias: campos lisos y monocromos, degradados, texturas y materiales, y fotografía. Elige la familia que encaje con la personalidad de la marca y empareja después con la versión adecuada de tu logo: a todo color sobre fondos claros y tranquilos, un logo invertido de un solo color sobre los oscuros o recargados. Debajo tienes veinte fondos para probar, cinco de cada familia, con códigos para los degradados y una nota sobre qué versión del logo va en cada uno. Esta es una lista de ideas. Para el método práctico de colocar un logo sobre un degradado, con comprobaciones de contraste y ajustes de exportación, mira [logo sobre un fondo degradado](https://gradiently.design/es/guide/logo-on-gradient-background). ## Qué versión del logo va con cada fondo Antes de elegir fondos, asegúrate de tener las versiones que vas a poner encima. La mayoría de las marcas necesitan al menos tres, y el fondo decide cuál usas. [Variaciones del logo](https://gradiently.design/es/guide/logo-variations) explica el conjunto completo. | Fondo | Versión del logo | Por qué | | --- | --- | --- | | Blanco o liso claro | A todo color | La opción por defecto, donde los colores de marca se ven más fieles | | Liso oscuro | Un color, invertido (blanco) | Los colores de marca suelen perder contraste en oscuro | | Liso en color de marca | Un color, blanco o negro | Evita un logo de color sobre un color parecido | | Degradado | Un color, elegido según la zona de detrás | El contraste cambia a lo largo del degradado | | Foto o textura | Un color, sobre la zona más tranquila | El detalle detrás de trazos finos los rompe | Una regla práctica que cubre la mayoría de los casos. En caso de duda, la versión de un color es la opción más segura. ## Fondos lisos y monocromos para logos (1 a 5) Los fondos sencillos transmiten seguridad. Van bien con marcas cuyo logo ya lleva la personalidad, y nunca compiten con él. 1. **Blanco roto cálido.** Más suave que el blanco puro y con más aire de impreso. Logo a todo color. 2. **Casi negro.** No negro puro sino una tinta profunda con un toque de tono, que se ve más rica. Logo blanco. 3. **Tu color principal de marca.** Un campo completo de él, con el logo en blanco. El uso más atrevido de un solo color. 4. **Un tono profundo de tu color de marca.** Azul marino para una marca azul, berenjena para una morada. Transmite calidad. 5. **Un tono pálido.** Menta para una marca verde, rosa suave para una roja. El logo a todo color se asienta bien encima. - Blanco roto cálido: #f6f2ea - Negro tinta: #14121a - Azul de marca: #2b4bd8 - Azul profundo: #13204d - Azul pálido: #dfe6ff Ideas 1 a 5 para una marca azul: blanco roto, tinta, el propio color de marca, un tono profundo y uno pálido. Cambia el tono por el tuyo. ## Fondos con degradado para logos (6 a 10) Un degradado añade profundidad y movimiento sin añadir objetos. Mantén el logo sobre el extremo más tranquilo y usa colores emparentados para que la mezcla quede limpia. 1. **Barrido tonal.** Tu color de marca de oscuro a claro, con el logo en el extremo oscuro. 2. **Foco suave.** Un resplandor radial de color desde una esquina sobre fondo oscuro. El logo queda en la sombra, iluminado por lo que lo rodea. 3. **Dos vecinos.** Dos colores contiguos en el círculo cromático, como del verde azulado al azul. 4. **Banda de atardecer.** Colores cálidos que suben desde el borde inferior, con el logo en la zona superior, más fría. 5. **Resplandor de malla.** Varias manchas suaves de color mezcladas, más orgánico que una línea recta. Mira [degradados de malla](https://gradiently.design/es/guide/mesh-gradients). - 6. Barrido tonal: `linear-gradient(135deg, #0f1a4a 0%, #2b4bd8 60%, #8aa4ff 100%)` - 7. Foco suave: `radial-gradient(circle at 85% 15%, #7c3aed 0%, #2a1259 35%, #0d0a18 75%)` - 8. Dos vecinos: `linear-gradient(120deg, #0f766e 0%, #0e7490 50%, #1d4ed8 100%)` - 9. Banda de atardecer: `linear-gradient(0deg, #f97316 0%, #db2777 35%, #3b0764 100%)` Cuatro fondos con degradado para logos que puedes copiar. Pon un logo blanco en las zonas profundas; comprueba el contraste donde el color se aclara. ## Fondos de textura y material para logos (11 a 15) La textura hace que un fondo digital parezca una superficie: papel, película, metal o piedra. Va bien con artesanía, comida, moda y todo lo que se vende como objeto. Mantenla fina para que los bordes del logo sigan nítidos. [Textura en degradados](https://gradiently.design/es/guide/gradient-texture) compara las principales familias de materiales. 1. **Grano sobre color.** Una capa de ruido fino sobre un color liso o un degradado. Al instante, menos digital. 2. **Textura de papel.** Un papel suave sin estucar detrás de un logo oscuro. Parece impreso y artesanal. 3. **Metal cepillado.** Brillo plateado o dorado para lujo o ingeniería. Usa un logo oscuro de un solo color. 4. **Lino o lienzo.** Una textura tejida para moda, hogar y estudios. 5. **Cristal esmerilado.** Formas de color desenfocadas tras un velo pálido, con el logo nítido encima. Una ficha cuadrada de marca con un logotipo que cruza de una zona clara a una oscura del fondo, en parte difícil de leer Un logotipo atravesando de lado a lado un cambio de color fuerte: uno de sus extremos pierde contraste. La misma ficha cuadrada de marca con una zona uniforme y tranquila del fondo detrás del logotipo, que se lee con claridad La misma ficha con el fondo tranquilo y uniforme detrás del logotipo. ## Fondos de foto y contexto para logos (16 a 20) La fotografía pone el logo en el mundo. Es la familia más arriesgada, porque las fotos están cargadas, así que elige imágenes con una zona tranquila y usa el logo de un solo color. 1. **Primer plano del producto.** Una foto macro de tu producto con mucho desenfoque suave. Logo sobre el desenfoque. 2. **Foto en duotono.** Una foto reducida a dos colores de marca, lo que la calma y la liga a la paleta. Mira [efecto duotono](https://gradiently.design/es/guide/duotone-effect). 3. **Cielo o pared.** Una zona amplia y uniforme de textura real: cielo, hormigón, yeso pintado. 4. **Espacio de trabajo desde arriba.** Una composición cenital con un hueco despejado para el logo, ideal para estudios y artesanos. 5. **Maqueta de rotulación.** El logo en una fachada, una bolsa de tela o una taza. Útil para presentaciones, nunca como única versión. ### Evita - Un logo a todo color sobre una foto recargada - El logo sobre la parte más brillante de un degradado - Textura gruesa detrás de trazos finos - Sombras o resplandores para rescatar el contraste - Un fondo nuevo en cada publicación ### Haz - Un logo de un color sobre la zona más tranquila - El logo sobre el extremo profundo o pálido - Grano fino que mantiene los bordes nítidos - Cambia el fondo hasta que el contraste aguante - Dos o tres fondos que repites ## Cómo elegir el color de fondo de un logo Prueba cinco o seis ideas de la lista en una sola ficha cuadrada, ponlas una al lado de otra y elige las dos o tres que más se parezcan a la marca. Después anótalas en tu [kit de marca](https://gradiently.design/es/guide/brand-kit) y usa solo esas. La repetición es lo que convierte un fondo en parte de la identidad. Comprueba el contraste de cada uno pensando en [contraste de color y accesibilidad](https://gradiently.design/es/guide/color-contrast-accessibility), sobre todo en tamaños pequeños del logo. Si quieres un fondo que pertenezca solo a tu marca, los Marks de Gradiently son fondos vivos de degradado y material, cada uno distinto de cualquier otro y en manos de una sola persona o marca a la vez. Un Mark encuentra su zona más tranquila detrás de tus palabras, así que un logo o logotipo colocado encima sigue siendo legible en cualquier tamaño. ## FAQ ### ¿Qué color de fondo es mejor para un logo? El que da más contraste con tu logo y encaja con la marca. Un blanco roto cálido o un casi negro profundo sirven para la mayoría de los logos, con la versión adecuada en cada uno. ### ¿Puedo poner mi logo sobre un fondo degradado? Sí. Usa la versión de un color, colócala en el extremo más tranquilo del degradado y comprueba el contraste en toda la zona que cubre el logo. ### ¿Debe un logo tener fondo transparente? El archivo del logo sí, como PNG o SVG transparente, para poder ponerlo sobre cualquier fondo. Los fondos de esta lista son donde lo colocas. ### ¿Cuántos fondos de logo debe usar una marca? Dos o tres fondos elegidos, usados con coherencia, hacen una marca más reconocible que uno distinto cada vez.