Extractor de paletas de colores
Sube cualquier imagen para extraer sus colores dominantes como muestras HEX y variables CSS listas para pegar en tu marca o sistema de diseño.
Tu imagen
Paleta
Sube una imagen para extraer sus colores dominantes. Haz clic en una muestra para copiar su código HEX.
Propiedades personalizadas de CSS
Cómo usar el extractor de paletas de colores
Sube una imagen y la herramienta encuentra sus colores más comunes. Muestra cada uno como una muestra con su código HEX y genera un bloque de propiedades personalizadas de CSS que puedes pegar directamente en una hoja de estilos. Haz clic en cualquier muestra para copiar su código. Todo se ejecuta en tu navegador, así que la imagen se queda en tu dispositivo.
Por qué es útil
Los diseñadores y estrategas de marca a menudo necesitan igualar colores con imágenes de referencia. Elegir colores a ojo es lento e inconsistente. Extraerlos de los datos de los píxeles te da una paleta reproducible basada en los colores que realmente dominan la imagen.
Usos habituales
- Crear una paleta de marca a partir de las imágenes principales
- Igualar los colores del sitio web con la fotografía de productos
- Elegir colores de acento para publicaciones y contenido en redes
- Comprobar con qué coherencia aparecen los colores de tu marca en los elementos visuales
- Documentar los colores de marca de la competencia
Cómo se agrupan los colores
Una foto puede contener miles de colores ligeramente distintos. La herramienta reduce la imagen para ganar velocidad, agrupa los tonos parecidos redondeando cada valor de rojo, verde y azul al múltiplo de 32 más cercano, y ordena los grupos según cuántos píxeles contienen. Los grupos principales, promediados, forman tu paleta.
Preguntas frecuentes
¿Por qué pueden faltar detalles pequeños?
La imagen se reduce antes del análisis, así que los colores que ocupan un área muy pequeña pueden desaparecer. La paleta refleja los colores que ocupan más espacio.
¿Puedo obtener más o menos colores?
Sí. Elige 4, 6, 8 o 10 colores. Seis funcionan bien para la mayoría de las paletas de marca.
¿Qué pasa con los PNG transparentes?
Los píxeles mayormente transparentes se ignoran, así que la paleta solo incluye colores que se ven.
¿Coincidirá exactamente con otras herramientas de paletas?
Aproximadamente, pero no del todo. Cada herramienta agrupa los colores con su propio método, así que los resultados varían un poco.