¿Cuál es la diferencia entre la paleta y el cuentagotas?

La paleta muestra los 6 colores más dominantes de toda la imagen — bueno para extraer un sistema de diseño de una foto. El cuentagotas te permite elegir un píxel exacto — bueno para igualar un tono específico, verificar un valor hex o muestrear un solo elemento.

¿Por qué se reducen las imágenes grandes?

El análisis de píxeles en una foto de 12MP requeriría leer 12 millones de píxeles — lento y pesado en memoria. Reducir a 1,600px en el lado largo reduce eso a ~1.5 millones de píxeles sin pérdida visible de precisión para la extracción de paleta. El cuentagotas aún lee del búfer reducido, así que las coordenadas de píxel se refieren a eso.

¿Cuál es el formato de la exportación CSS?

La salida es un bloque :root con propiedades personalizadas numeradas, listo para pegar en cualquier hoja de estilos. Ejemplo: `:root { --color-1: #FF5733; /* naranja */ --color-2: #C70039; /* rojo oscuro */ ... }`. Cada propiedad incluye el nombre de color auto-detectado como comentario.

¿Son precisos los nombres de los colores?

Los nombres vienen de una heurística de cubeta de tono HSL (rojo, naranja, amarillo, verde, cian, azul, violeta, rosa, más variantes claras/oscuras). Son aproximaciones, no coincidencias con bases de datos de colores nombrados. Para un color 'nombrado' como 'coral' o 'turquesa', espera el nombre de cubeta más cercano en su lugar.

¿La herramienta admite imágenes transparentes?

Sí. Los píxeles totalmente transparentes se omiten durante la extracción de paleta. Los píxeles semitransparentes se mezclan con blanco antes del muestreo — esto refleja cómo se ve el color cuando se muestra sobre un fondo blanco típico.

¿Mi imagen se sube a algún sitio?

No. Todo ocurre al instante. Tu imagen se decodifica en memoria, se analiza y se descarta — nada sale de tu dispositivo.

¿Puedo elegir colores en móvil?

Sí. El cuentagotas funciona con táctil — toca y arrastra para mover la lupa, levanta el dedo para confirmar el color en ese punto. Para apuntar con precisión a píxeles en pantallas pequeñas, amplía el navegador o usa una imagen de origen más grande.

Ad Slot — Header Banner

Cuentagotas + Paleta Automática · 100% Privado

Paleta de Colores de Imagen y Extractor HEX

Sube cualquier foto para extraer su paleta de colores dominante y elegir valores HEX, RGB o HSL precisos con un cuentagotas interactivo. Copia códigos individuales, o descarga toda la paleta como variables CSS. Todo ocurre al instante — sin subir archivos.

#HEX#RGB#HSL#Paleta#CSS#Cuentagotas

Suelta una imagen o haz clic para buscar

PNG, JPG, WebP, AVIF, GIF · Archivo único · Analizado al instante

Sube una imagen para extraer su paleta

PNG, JPG, WebP, AVIF o GIF. El cuentagotas da precisión a nivel de píxel; la paleta muestra los 6 colores más dominantes.

Ad Slot — Below the Fold

Cómo extraer colores de una imagen en 3 pasos

Paleta dominante + cuentagotas a nivel de píxel.

Sube tu imagen

Suelta un PNG, JPG, WebP, AVIF o GIF. La herramienta la reduce internamente por velocidad, luego ejecuta un cuantizador de corte mediano para encontrar los 6 colores más dominantes.

Selecciona píxeles específicos

Pasa el cursor sobre la imagen para activar la lupa ampliadora. Hace zoom 12× para que puedas apuntar a píxeles individuales. Haz clic en cualquier punto para fijar ese color en la tarjeta de color seleccionado.

Copia códigos o exporta CSS

Cada muestra muestra HEX, RGB y HSL — haz clic en cualquier fila para copiar. Usa el botón Copiar CSS para obtener variables :root listas para pegar en una hoja de estilos, o Descargar CSS para un archivo .css.

Preguntas Frecuentes

Usa cuantización de corte mediano — un algoritmo clásico que divide recursivamente el espacio de color a lo largo de su eje más largo en la mediana, luego promedia cada región resultante. Esto produce una paleta que refleja la distribución real de color de la imagen mejor que el muestreo de histograma ingenuo.

Acerca de la Paleta de Colores de Imagen y Extractor HEX

Everything you need to know

¿Por qué extraer paletas de imágenes?

Diseñadores, desarrolladores y marketers con frecuencia necesitan igualar colores de un activo de marca, una fotografía o la interfaz de un competidor. La selección manual de colores es tediosa y propensa a errores. Esta herramienta automatiza el descubrimiento de colores dominantes y proporciona muestreo a nivel de píxel para trabajo de precisión — todo en una interfaz. Úsala para construir un sistema de diseño desde un mood board, extraer colores de marca de un logo, o sacar una paleta coherente de una foto de paisaje.

Entendiendo los formatos de color

HEX es el estándar para web y herramientas de diseño — seis dígitos hexadecimales representando rojo, verde y azul (ej. #FF5733). RGB expresa los mismos valores como tripletas decimales (255, 87, 51) — mejor para uso programático. HSL describe tono, saturación y luminosidad en términos legibles para humanos (11°, 100%, 60%) — mejor para construir variaciones como '20% más oscuro' o 'más saturado'. Cada muestra muestra los tres, y cualquier fila es un clic para copiar.

Cuantización de corte mediano explicada

El corte mediano es un algoritmo clásico de 1980 que reduce millones de colores a un pequeño conjunto representativo. Funciona dividiendo repetidamente el espacio de color a lo largo de su dimensión más larga, partiendo los píxeles en el valor mediano. Después de N divisiones tienes N regiones; el promedio de cada región se convierte en un color de la paleta. Esto produce paletas perceptualmente equilibradas — a diferencia del k-means ingenuo, que puede quedarse atascado en mínimos locales, o los enfoques de histograma, que favorecen clústeres visualmente similares.

Privacidad, rendimiento y compatibilidad con navegadores

Todo se ejecuta en tu dispositivo — tu imagen nunca sale de tu navegador. La extracción de paleta en una foto típica de 4MP tarda 100–300ms. El cuentagotas lee directamente del búfer de píxeles en memoria sin latencia perceptible. La herramienta funciona en todos los navegadores modernos (Chrome, Firefox, Safari, Edge) y permanece funcional sin conexión tras la primera carga.