🎨 Paleta de Colores
Extrae colores dominantes de cualquier imagen.
✨ Mira lo que puede hacer
Antes
🎨
After — processed
Extracted Palette
CSS Variables
Cómo Usar
1
Subir
Selecciona una imagen para analizar.
2
Ajustar Cantidad
Elige cuántos colores dominantes extraer (3–12).
3
Extraer y Copiar
Haz clic en Extraer Colores, luego en cualquier color para copiar su código HEX.
Guía Detallada
Paso 1: Subir tu Imagen
Sube cualquier imagen JPG, PNG o WebP. Funciona muy bien con fotos, obras de arte, capturas de pantalla o cualquier imagen con colores interesantes.
Upload an image and choose how many dominant colors to extract
Paso 2: Elegir Cantidad de Colores
Usa el deslizador para seleccionar cuántos colores extraer (3–12). Más colores dan una paleta más rica; menos colores dan un esquema más enfocado y minimalista.
- 3-4 colors — Ideal for simple branding and minimalist designs
- 5-6 colors — Balanced palette for most web and UI projects
- 8-12 colors — Comprehensive palette for complex designs and illustrations
Paso 3: Extraer y Usar
Haz clic en "Extraer Colores" para analizar la imagen. La herramienta muestra:
- Color swatches with HEX and RGB values
- Ready-to-use CSS variables that you can copy directly into your stylesheet
Haz clic en cualquier muestra de color para copiar su código HEX al portapapeles al instante.
Tip: The first color is usually the most dominant. Use it as your primary brand color, and the rest as accents and neutrals.
Mejores Casos de Uso
- Brand color inspiration — Extract colors from a mood board or reference image
- Website theming — Match your site's palette to a key photograph or product image
- UI design — Generate accessible color schemes for apps and dashboards
- Art & illustration — Build harmonious color palettes from nature photos or artwork
Consejos Profesionales
- Images with strong, distinct colors produce the best palettes
- Use the CSS output directly in your project's
:rootfor consistent theming - Try extracting from multiple images and combining palettes for unique combinations
- The algorithm finds visually dominant colors, not just statistically frequent ones
Preguntas Frecuentes
Usamos cuantización para encontrar colores visualmente dominantes.
Cada color muestra su HEX. La salida CSS da propiedades personalizadas.
Sí. Haz clic en cualquier muestra para copiar su HEX.