Cómo usarla
- 1Arrastra una foto al recuadro o haz clic para elegirla; al principio se muestra una imagen de ejemplo.
- 2Ajusta el número de colores entre 3 y 16 y elige k-medias o corte de mediana.
- 3Ordena los colores por proporción o por luminosidad y copia cualquier código HEX con un clic.
- 4Exporta la paleta como variables CSS, JSON o una tira de colores en PNG.
Cómo se encuentran los colores dominantes
La imagen se reduce y sus píxeles se agrupan en un espacio de color perceptual (CIELAB). K-medias reúne los tonos que el ojo ve parecidos y suele dar la paleta más natural. El corte de mediana divide una y otra vez el rango de color en dos y ofrece un reparto equilibrado que también recoge acentos pequeños pero distintos. Cada color indica su porcentaje en la imagen, así distingues el color principal de los acentos.
Para pintores, diseñadores y decoración
Planifica tus mezclas antes de pintar un paisaje, saca los colores de una web a partir de una foto de marca o toma ideas para paredes y textiles de una habitación que te guste. Un color en pantalla no es una muestra física: el monitor, la luz y la cámara lo alteran, así que comprueba siempre la carta de colores del fabricante antes de comprar pintura.
Tu imagen no sale de tu dispositivo
Todo el cálculo se hace en tu navegador, en un hilo en segundo plano (Web Worker). La foto nunca se sube a ningún servidor, por lo que puedes usarla con trabajos de clientes o fotos personales.
Preguntas frecuentes
¿Cómo saco el código de color de una imagen?
Añade la imagen y verás los colores dominantes con su código HEX (#rrggbb) y RGB. Con el botón de copiar puedes pegarlo directamente en Photoshop, Canva, Figma o tu CSS.
¿Cuántos colores debo extraer?
Para una paleta general bastan 5 o 6 colores. Si quieres ver los degradados de tono para pintar, elige entre 10 y 16.
¿Qué diferencia hay entre k-medias y corte de mediana?
K-medias une colores que se ven parecidos y da un resultado natural. El corte de mediana es más rápido y divide el rango de color en partes iguales, por lo que capta pequeños colores de acento.
¿El color coincidirá exactamente con una carta de pintura?
No. Los colores de pantalla dependen del monitor y de la luz de la foto. Úsalo como referencia aproximada y compáralo con una carta de colores física.
¿No te convencen los resultados?
Habla con Webin Agency sobre webs rápidas y optimizadas para SEO, e-commerce y gestión de Google Ads.