Diseño de logos · Probado
¿Los colores de tu logo con IA no cuadran? Recupera tus códigos hex exactos
Le das a un modelo de imagen los dos colores de tu marca como códigos hex, y el logo se ve bien. Luego la prueba de la imprenta llega un poco desviada, o el verde de tu letrero no coincide con el verde de tu web.
El 27 de septiembre de 2026 hicimos en Ciyo cuatro logos para Rook & Rabbit, un café de juegos de mesa ficticio, y medimos cada píxel. Esto es lo que encontramos y la corrección en dos pasos que nos dio un archivo con exactamente los dos colores que pedimos.
El encargo: dos colores, códigos exactos
Le pedimos a GPT Image 2.5 Flare cuatro versiones a la vez (1:1, 1K, 4 imágenes, 8 créditos). El prompt indicaba las dos líneas de texto, el símbolo y exactamente dos colores: verde oscuro #1F4D3A y crema #F3E9D2.
Un logo plano de estilo vectorial para un café de juegos de mesa. El nombre dice exactamente "Rook & Rabbit" en la primera línea y "GAME CAFÉ · EST. 2026" en versalitas pequeñas en la segunda línea. Sobre el nombre, un símbolo sencillo de unas orejas de conejo que salen de lo alto de una torre de ajedrez. Solo dos colores, verde oscuro #1F4D3A y crema #F3E9D2, sobre un fondo crema liso. Centrado, márgenes amplios, sin maqueta, sin ningún otro texto.La ortografía era correcta. Los colores, no.
Los cuatro logos escribieron correctamente “Rook & Rabbit” y “GAME CAFÉ · EST. 2026”, acento incluido. A simple vista eran logos a dos colores.
Los archivos decían otra cosa. Cada uno tenía entre 14,986 y 17,288 colores distintos: bordes suaves, una textura tenue en el fondo y un verde que variaba de un logo a otro. Menos del 3% de los píxeles coincidía exactamente con alguno de los dos códigos hex.
Por qué importa una pequeña desviación
#1F4D3A y #174234 se ven iguales en un móvil. Uno junto al otro, en un menú impreso, un letrero y una web, no. Las imprentas y los rotulistas reproducen los números de tu archivo, así que esos números tienen que ser los de tu marca.
La textura tenue del fondo tiene un segundo coste: un crema que no es un único color plano se imprime como un panel algo irregular y dificulta un trazado vectorial limpio.
Publicado el 2026-09-21. La publicación resume un artículo de investigación, Paint-Anything, que busca permitir asignar valores hex exactos a los objetos de las imágenes generadas, e informa de una gran mejora en la fidelidad del color con el modelo FLUX. No verificamos esa cifra; la publicación sirve como señal de que el color exacto sigue sin resolverse en los modelos de imagen de uso diario, lo que coincide con nuestra medición.
Paso 1: convierte la mejor versión en un vector
Elige el logo con el mejor dibujo, selecciónalo y abre More → Vector (Más → Vector) en la barra de herramientas de la imagen. En nuestra prueba tardó unos diez segundos, costó 2 créditos y colocó un SVG junto al original.
El SVG tenía 52 trazados y solo tres rellenos: #F4EBD2 para el crema, #1F4A37 para el verde y un trazado suelto en #2F523F. Esa es la parte útil: miles de colores se convirtieron en tres.
Paso 2: sustituye los rellenos por tus códigos exactos
Descarga el SVG y ábrelo en un editor de texto o en cualquier aplicación vectorial. Sustituye cada relleno aproximado por el código de tu marca: todos los rellenos crema por #F3E9D2 y los dos verdes por #1F4D3A. Nuestro archivo pasó a tener exactamente dos rellenos (38 verdes y 14 crema) y se renderizó con el texto y la É intactos.
En un editor de texto es un buscar y reemplazar; el SVG guardaba los colores como rgb(244,235,210), rgb(31,74,55) y rgb(47,82,63). En una aplicación vectorial, selecciona por mismo color de relleno y asigna el nuevo valor.
| Archivo | Colores | Hex exacto de la marca |
|---|---|---|
| PNG generado (4 versiones) | 14,986–17,288 | 0.00–2.63% de los píxeles |
| SVG vectorial | 3 rellenos | 0 de 3 |
| SVG tras reemplazar | 2 rellenos | 2 de 2 |
Comprobaciones antes de enviarlo a imprenta
Abre el SVG final y lee sus rellenos: debe haber exactamente uno por cada color de marca. Revisa el texto pequeño al tamaño en que se va a usar; nuestra segunda línea era legible a tamaño completo. Conserva el SVG como archivo maestro y exporta los PNG a partir de él, nunca al revés.
Colores exactos en el logo
¿GPT Image 2.5 usa mis códigos hex exactos?
No exactamente en nuestra prueba: cuatro logos tenían entre 14,986 y 17,288 colores y menos del 3% de los píxeles coincidía con un código hex pedido.
¿Escribió bien el nombre del negocio?
Sí, en las cuatro versiones, incluido el acento de CAFÉ. Compruébalo siempre tú mismo.
¿Qué hace la herramienta Vector de Ciyo con los colores?
Trazó nuestro logo como un SVG con 52 trazados y 3 rellenos en unos diez segundos, por 2 créditos.
¿Cómo consigo exactamente dos colores?
Sustituye los rellenos del SVG por los dos códigos de tu marca. Nuestro archivo pasó a tener exactamente dos rellenos.
Haz un logo que puedas entregar a una imprenta
Genera unas cuantas versiones en Ciyo, traza la mejor como SVG y asigna tus colores exactos.