Extractor de Colores de Imagen — Paleta desde una Imagen
Extraiga la paleta de colores dominantes de cualquier imagen. Obtenga códigos Hex y RGB, copie colores individuales o toda la paleta como variables CSS. 100% en su navegador.
Extractor de Colores de Imagen — Paleta desde una Imagen
Suba cualquier imagen y extraiga al instante su paleta de colores dominantes. Obtenga el código Hex y RGB de cada color, cópielos individualmente, o exporte toda la paleta como variables CSS listas para usar. Perfecto para diseñadores que construyen un esquema de color a partir de una foto, logo o imagen de inspiración.
Funciones
- Detección de colores dominantes: usa cuantización median-cut para encontrar los colores más representativos
- Cantidad ajustable: extraiga de 4 a 12 colores
- Hex y RGB: cada color incluye ambos códigos, haga clic para copiar
- Opciones de exportación: copie como variables CSS (
--color-1,--color-2…) o lista Hex simple - Ordenados por dominancia: los colores más prominentes aparecen primero
Usos comunes
- Construir un esquema de color de sitio web desde un logo o fotografía
- Combinar elementos de diseño con una imagen existente
- Crear degradados o temas inspirados en una imagen
- Extraer colores de marca sin las especificaciones originales
- Generar una paleta para visualizaciones de datos o presentaciones
Cómo funciona
La herramienta reduce su imagen, muestrea los píxeles y agrupa colores similares usando un algoritmo median-cut. El color promedio de cada grupo se convierte en una muestra de su paleta. Los colores se clasifican según cuántos píxeles representan, por lo que los tonos dominantes aparecen primero.
Privacidad
Toda la extracción de colores ocurre en su navegador mediante la API Canvas. Su imagen nunca se sube a ningún servidor.
¿Necesitas más? Prueba el Extractor de Paleta Pro — HEX/HSL/OKLCH/CMYK + exportaciones Tailwind/SCSS/JSON.