Colores exactos de logotipos
Extractor de colores de logotipos
El Extractor de colores de logotipos encuentra los códigos de color exactos de un archivo de logotipo. Quita el fondo y los píxeles mezclados de los bordes, y luego devuelve cada color del logotipo en HEX, RGB, HSL, OKLCH, Lab y una estimación CMYK.
- Gratis, sin registro
- Las imágenes nunca salen de tu dispositivo
- Colores de píxel exactos
Suelta tu logotipo aquí
o pega con Ctrl+V. SVG, PNG, JPG, WebP. Un PNG transparente o un SVG da colores exactos.
¿Cómo funciona el extractor de colores de logotipos?
El extractor de colores de logotipos cuenta los colores exactos de un archivo de logotipo, quita los colores que pertenecen al fondo o a las mezclas de los bordes, y devuelve el resto ordenado por superficie.
Agrega tu logotipo
Suelta un archivo SVG, PNG, JPG o WebP, o pega un logotipo copiado. Los archivos SVG y los archivos PNG transparentes dan valores exactos.
Se quita el fondo
Cuando al menos el 60% del borde exterior de la imagen es de un solo color, ese color cuenta como fondo y sale de la paleta. Un interruptor lo restaura.
Se descartan las mezclas de los bordes
Los píxeles de las curvas mezclan los colores vecinos. Se elimina todo color que está en la línea de mezcla entre dos colores del logotipo y que solo aparece en los bordes.
Copia los códigos
Cada color del logotipo muestra sus valores HEX, RGB, HSL, HSB, OKLCH, Lab y CMYK, y su contraste WCAG con el blanco y el negro.
¿Por qué un logotipo muestra colores de más?
Un logotipo muestra colores de más por el antialiasing y la compresión. El antialiasing mezcla los píxeles de las curvas y de los bordes diagonales con el color contiguo, y la compresión JPEG altera los colores cerca de los bordes.
El modo logotipo cuenta los colores exactos en lugar de promediar grupos, conserva el valor real más frecuente de cada color y elimina las mezclas. Un extractor para fotos muestra esas mezclas como colores separados.
¿Qué archivo de logotipo da los colores más precisos?
| Tipo de archivo | Precisión del color | Motivo |
|---|---|---|
| SVG | Exacta | Las formas vectoriales guardan sus códigos de color como texto, y el extractor ajusta sus resultados a esos valores |
| PNG | Exacta | La compresión sin pérdida conserva cada valor de píxel |
| WebP (sin pérdida) y GIF | Exacta | Almacenamiento sin pérdida; GIF admite como máximo 256 colores |
| JPEG | Aproximada | La compresión con pérdida y el submuestreo de croma alteran los colores, sobre todo en los bordes |
La guía Cómo encontrar los códigos de color exactos de tu logotipo (en inglés) explica en detalle los formatos de archivo y los códigos de impresión.
¿Qué códigos de color necesita un logotipo?
Un logotipo necesita códigos HEX para sitios web, valores RGB para diseño en pantalla, valores CMYK para impresión en cuatricromía y una referencia Pantone para impresión con tintas planas.
| Sistema de código | Medio | Disponible aquí |
|---|---|---|
| HEX | Sitios web y CSS | Exacto |
| RGB | Pantallas, apps y video | Exacto |
| CMYK | Impresión en cuatricromía | Estimación sin perfil ICC |
| Pantone (PMS) | Impresión con tintas planas | No disponible, porque los datos de color de Pantone tienen licencia |
¿Cómo compruebas que tu sitio web usa los colores del logotipo?
Analiza tu sitio con el Extractor de colores de sitios web y compara su color de marca con el código HEX del logotipo. Cualquier diferencia entre los dos códigos significa que el sitio usa una aproximación del color del logotipo.
La pestaña Contraste muestra si cada color del logotipo cumple el contraste WCAG como texto sobre blanco o sobre negro. WCAG exime a los logotipos de los requisitos de contraste, pero el texto en un color de marca sigue necesitando 4.5:1.
¿Quién necesita un extractor de colores de logotipos?
Propietarios de pequeños negocios
Adapta el tema de una tienda, una barra de anuncios y los gráficos para redes sociales al color exacto del logotipo.
Diseñadores
Reconstruye la paleta de una marca a partir del logotipo de un cliente cuando no existe una guía de marca.
Compradores de impresión
Reúne valores de pantalla exactos y un punto de partida CMYK para revisarlos con una imprenta.
Desarrolladores
Exporta los colores del logotipo como variables CSS o como un tema de Tailwind.
Preguntas frecuentes sobre el extractor de colores de logotipos
¿Puedo obtener el color Pantone de mi logotipo?
No. Los datos de color de Pantone tienen licencia, así que el extractor da valores HEX y RGB exactos y una estimación CMYK. Una imprenta o las herramientas propias de Pantone asignan un color PMS a partir de esos valores.
¿Por qué mi logotipo JPG muestra más colores de los esperados?
La compresión JPEG cambia los colores cerca de los bordes. Sube el valor de Fusionar similares, o usa una versión PNG o SVG del logotipo para obtener valores exactos.
¿Y si el fondo forma parte de mi logotipo?
Desactiva Quitar fondo. El color de fondo vuelve entonces a la paleta con su proporción de la imagen.
¿Se sube mi logotipo?
No. El logotipo se decodifica y analiza en tu navegador y nunca sale de tu dispositivo.
¿Puedo obtener los colores de un logotipo que está en un sitio web?
Sí. El Extractor de colores de sitios web lee el logotipo del encabezado y el icono del sitio de una URL y lista sus colores junto a los colores del CSS.