Drop an image here
Ready.
Palette settings
Choose how many colors to extract.
- Colors are approximate dominant colors from sampled pixels.
- Click a swatch to copy its HEX value.
- Download or copy CSS variables for design handoff.
Extracted palette
Extracted colors will appear here.
¿Qué es este extractor de paletas de color?
Esta herramienta analiza una imagen local y extrae colores dominantes aproximados. Puedes copiar valores HEX, RGB y HSL o exportar la paleta como variables CSS.
Las imágenes permanecen en tu navegador. La herramienta no sube archivos ni los guarda en el servidor.
Funciones
- Extrae colores dominantes localmente desde una imagen
- Copia valores HEX, RGB y HSL
- Genera propiedades personalizadas de CSS
- Descarga el CSS de la paleta
- Muestreo rápido sin bibliotecas de terceros
Cómo usarla
-
Agrega una imagen
Selecciona o arrastra una imagen JPG, PNG o WebP a la herramienta.
-
Elige la cantidad
Selecciona cuántos colores quieres en la paleta.
-
Extrae colores
El navegador muestrea píxeles y agrupa colores similares.
-
Copia valores
Haz clic en las muestras o copia las variables CSS generadas.
Preguntas frecuentes
¿Las imágenes se suben?
No. El muestreo de píxeles ocurre en la pestaña de tu navegador.
¿Los colores son exactos?
Son colores dominantes aproximados basados en los píxeles muestreados.
¿Puedo usar el CSS en un proyecto?
Sí. Copia o descarga las variables CSS generadas.
¿Por qué se ignoran los píxeles transparentes?
Los píxeles transparentes no aportan color visible, por eso se omiten.