> [Site index](https://perfectvector.com/llms.txt) — available pages and descriptions.
# Cómo hacer un logo de un color sin perder su diseño
> Convierte un logo multicolor en un solo color sólido sin perder sus detalles esenciales. Usa espacio negativo, prueba fondos claros y oscuros y revisa la versión pequeña.
Source: https://perfectvector.com/es/blog/one-color-logo-negative-space
Language: es
Author: Irene Kim
Published: 2026-10-07T08:00:00+09:00
Updated: 2026-10-08T08:00:00+09:00
Para hacer un logo de un color, asigna un único color sólido al diseño pintado y conserva, donde sea necesario, los detalles internos esenciales como espacios vacíos. Cambiar todos los rellenos a negro puede borrar un símbolo que solo se distinguía porque usaba otro color.
Empieza con un maestro vectorial aprobado o una versión de un color existente. Trabaja sobre una copia, decide qué detalles deben mantenerse y comprueba el resultado sobre más de un fondo y al tamaño de visualización previsto. El ejemplo siguiente usa una insignia y un rayo originales para mostrar la decisión de diseño y la geometría SVG que la hace posible.
## Empieza con los archivos aprobados del logo
Pide al propietario de la marca un archivo de un color antes de volver a dibujar el símbolo. Una marca puede tener ya versiones independientes a todo color, de un color y en negativo, cada una aprobada para fondos concretos.
Por ejemplo, [las normas del símbolo de Penn State](https://brand.psu.edu/visual-identity-standards/color-and-the-mark) describen una versión de un color con áreas interiores transparentes y advierten que no debe crearse repintando otra versión. Es una regla de una marca específica, pero muestra por qué el archivo de un color proporcionado puede diferir del maestro a todo color.
Si el diseño es tuyo y necesitas crear la versión, reúne estos elementos:
* Un original intacto y una copia de trabajo editable
* Una lista de detalles identificativos, como un símbolo interior o la abertura de una letra
* El tamaño de visualización mínimo previsto y los colores de fondo probables
* El formato de archivo y los requisitos de tinta que acepta el destinatario, si se va a imprimir
Un SVG es un archivo gráfico vectorial, pero puede contener una imagen de píxeles en lugar de formas editables. Si solo queda un PNG o JPG, la [guía de vectorización de logos](https://perfectvector.com/es/blog/how-to-vectorize-a-logo) explica cómo recuperar la fuente. Recuperar formas y diseñar una versión de un color son decisiones separadas.
## Decide qué límites deben conservarse
Piensa en una insignia circular azul con un rayo amarillo. El límite entre colores permite ver el rayo. Asignar a ambas formas el mismo relleno gris carbón deja un círculo liso: los trazados siguen existiendo, pero la pintura compartida oculta la diferencia interior.
El espacio negativo es un área sin pintar que deja ver la superficie detrás del diseño. Convertir el rayo en espacio negativo conserva el motivo mientras la insignia utiliza un solo color pintado.
| Detalle del original | Decisión para la versión de un color |
| ----------------------------------------------- | ----------------------------------------------------------------- |
| Símbolo interior esencial | Conserva su límite, posiblemente como una abertura vacía |
| Variación decorativa de color | Elimínala si el diseño sigue interpretándose correctamente |
| Abertura de una letra o espacio entre elementos | Conserva separación suficiente para que se vea al tamaño previsto |
Algunos logos solo necesitan sustituir un relleno. Usa la [guía para cambiar el color de un SVG](https://perfectvector.com/es/blog/how-to-change-svg-color) en ese caso. Si vas a conservar varios colores y unir los casi duplicados, sigue primero el [flujo de reducción de paleta](https://perfectvector.com/es/blog/reduce-svg-colors).
*Ilustración conceptual: unificar la pintura oculta el rayo; usar espacio negativo conserva su límite. El código SVG siguiente es el ejemplo digital comprobado por separado.*
## Construye la abertura en la geometría SVG
Para tener un ejemplo reproducible, guarda este diseño original como `original.svg`. Un trazado es una forma descrita mediante instrucciones de dibujo; este archivo contiene un trazado cerrado para la insignia y otro para el rayo.
```svg
```
1. Abre el original en un navegador para ver el diseño de dos colores.
2. Guarda una segunda copia y sustituye ambos valores de relleno por `#111827`. Vuelve a abrirla. Ahora el rayo se funde con la insignia.
3. Guarda el código revisado siguiente como `one-color.svg`. Mantiene las mismas coordenadas de dibujo, pero coloca ambos contornos en un solo trazado.
4. Abre el archivo revisado sobre fondos claros y oscuros y después compruébalo al tamaño de visualización previsto.
```svg
```
La propiedad `fill-rule` determina qué regiones dentro de un trazado reciben pintura. En este ejemplo anidado, `evenodd` deja la región del rayo sin pintar. La [especificación de fill-rule de SVG](https://www.w3.org/TR/SVG2/painting.html#FillRuleProperty) define este comportamiento. El archivo contiene un relleno sólido y no tiene una forma blanca superpuesta ni un rectángulo de fondo.
También puedes crear este tipo de abertura en un editor vectorial. La [documentación de trazados compuestos de Adobe](https://helpx.adobe.com/illustrator/desktop/manage-objects/reshape-transform-objects/create-compound-paths.html) explica las regiones transparentes y las reglas de relleno disponibles. El código de aquí es SVG escrito para este ejemplo, no una exportación de Illustrator; usa los controles documentados de tu editor y vuelve a abrir el resultado guardado para comprobar la abertura.
## Comprueba el fondo y la versión pequeña
Coloca el logo revisado sobre blanco y sobre un fondo oscuro o de color contrastante. El rayo debe dejar ver cada fondo. Un rayo pintado de blanco seguiría blanco sobre el fondo de color, aunque pareciera una abertura sobre blanco.
Para este ejemplo original, renderizamos los archivos guardados a 256 y 32 píxeles con Sharp y librsvg. En ambos tamaños, la muestra interior del rayo revisado tenía alfa 0, es decir, era completamente transparente. El control de color uniforme era gris carbón opaco en el mismo punto; un control separado con superposición blanca era blanco opaco. Son comprobaciones digitales de los archivos originales, no resultados de imprenta ni de una aplicación de importación.
En una vista real de 32 píxeles, el rayo revisado seguía siendo distinguible sobre los fondos blanco y pizarra inspeccionados. Eso establece una comprobación útil para esta muestra, pero no un tamaño mínimo para otro logo. Previsualiza tu propio diseño a su tamaño real de uso en lugar de evaluarlo solo en un lienzo ampliado.
Antes de aceptar la versión, comprueba lo siguiente:
* El motivo interior esencial sigue interpretándose como se espera.
* Las regiones vacías dejan ver el fondo en lugar de un parche pintado de blanco.
* Los espacios pequeños y las aberturas de las letras siguen visibles al tamaño elegido.
* El archivo guardado vuelve a abrirse con la geometría prevista y un solo color sólido de pintura.
Para una versión blanca en negativo de esta muestra, cambia el relleno del trazado revisado a `#ffffff` y conserva la misma región vacía del rayo. Compruébala sobre un fondo oscuro. Un archivo en negativo de una marca puede necesitar otra geometría, así que usa la versión proporcionada por la marca cuando exista.
## Repara una versión que pierde sus detalles
| Lo que ves | Qué cambiar |
| ---------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------ |
| El símbolo interior desaparece después de cambiar el color | Restablece un límite con espacio negativo deliberado o usa la versión de un color aprobada |
| Una supuesta abertura sigue blanca sobre una superficie de color | Elimina la superposición pintada y crea una región realmente vacía |
| Un espacio resulta difícil de distinguir al tamaño elegido | Ensánchalo o simplifícalo dentro de las reglas de aprobación del diseño y repite la comprobación a tamaño pequeño |
| La abertura se rellena al importar en la aplicación de destino | Inspecciona los trazados importados y la regla de relleno; reconstruye allí la abertura si hace falta y vuelve a comprobar el resultado guardado |
Evita convertir todas las regiones de color en agujeros. Un brillo puede ser prescindible, mientras que la abertura de una letra aporta significado. Decide según los rasgos identificativos del diseño y después compara la versión con el original. Si cambias mucho la silueta o las proporciones internas, consigue la aprobación de la nueva versión antes de usarla como símbolo de marca.
## Separa los requisitos de entrega del diseño
Guarda el maestro a todo color, la versión oscura de un color y cualquier versión blanca en negativo aprobada como archivos independientes. Mantén el mismo lienzo y la misma posición si deben sustituirse entre sí dentro de las composiciones.
Un único relleno sólido en SVG no da nombre a una tinta directa de imprenta ni crea una plancha de producción. Confirma con el destinatario el nombre de color solicitado, el tamaño físico, el tipo de archivo aceptado y los supuestos sobre el fondo. La [guía de formatos de archivo de logos](https://perfectvector.com/es/blog/logo-file-formats) explica cómo elegir un maestro editable y formatos de entrega. Hay más temas de preparación en las [guías de logos y diseños](https://perfectvector.com/blog/topics/logo-artwork).
## Si tu única fuente es un PNG o JPG
Para un logo ráster adecuado que aún conserves, [el vectorizador de logos de PerfectVector](https://perfectvector.com/es/vectorize-logo) puede ayudarte a recuperar formas SVG. Su vista previa es una imagen ráster protegida; la edición y exportación del SVG real están disponibles después de desbloquear el resultado. Inspecciona las formas recuperadas antes de usarlas para construir la versión de un color.
Trazar los píxeles no decide qué detalle debe convertirse en espacio negativo. Si la fuente tiene bordes borrosos, aberturas ausentes o ningún límite visible entre dos regiones, usa el maestro aprobado o vuelve a dibujar deliberadamente el diseño que falta. Repite las comprobaciones de fondo y tamaño pequeño después de cualquier cambio geométrico.
## Preguntas frecuentes
**¿Qué es un logo de un color?**
Un logo de un color utiliza un único color sólido pintado. Sus regiones vacías dejan ver el fondo. Una versión oscura y una versión blanca en negativo son variantes separadas, no dos colores pintados juntos en el mismo símbolo.
**¿Basta con cambiar todos los rellenos a negro?**
A veces. Si el color es el único límite entre un símbolo esencial y su entorno, igualar los rellenos oculta ese símbolo. Conserva el límite mediante espacio negativo o usa un archivo de un color aprobado.
**¿Tengo que vectorizar un logo que ya es vectorial?**
No. Trabaja con las formas editables existentes y conserva el original. La vectorización es un paso de recuperación de una imagen de píxeles adecuada, no un requisito para crear una versión de un color a partir de geometría vectorial.
**¿Un relleno SVG blanco especifica automáticamente tinta blanca?**
No. Un relleno blanco describe el color pintado del diseño, mientras que el espacio vacío no está pintado. La imprenta determina cómo debe identificarse y entregarse la tinta blanca en su flujo de producción.
## Fuentes
1. [Penn State: El color y el símbolo](https://brand.psu.edu/visual-identity-standards/color-and-the-mark) — ejemplo concreto de versiones de marca aprobadas de un color y en negativo, incluidas regiones interiores transparentes.
2. [Adobe: Crear trazados compuestos](https://helpx.adobe.com/illustrator/desktop/manage-objects/reshape-transform-objects/create-compound-paths.html) — documenta regiones transparentes, reglas de relleno y dirección de trazados en los trazados compuestos de Illustrator.
3. [W3C: fill-rule de SVG 2](https://www.w3.org/TR/SVG2/painting.html#FillRuleProperty) — define qué regiones de un trazado compuesto reciben pintura en el ejemplo SVG nativo.
***
¿Solo tienes un PNG o JPG? [Convierte tu logo en un SVG editable](https://perfectvector.com/es/vectorize-logo), desbloquea el resultado e inspecciona las formas recuperadas antes de crear y comprobar tu versión de un color.
## Explore
- [Read the HTML article](https://perfectvector.com/es/blog/one-color-logo-negative-space)
- [Etiquetas tejidas: un logo claro a tamaño pequeño](https://perfectvector.com/es/blog/woven-label-logo-artwork.md)
- [Área de protección del logo: calcula y conserva el margen](https://perfectvector.com/es/blog/logo-clear-space-calculation.md)
- [Product facts](https://perfectvector.com/product-facts.md)
- [FAQ](https://perfectvector.com/faq.md)
- [Pricing and credits](https://perfectvector.com/pricing.md)