Saltar al contenido
24Bytes Imágenes
Herramientas

24Bytes Imágenes Paleta de colores de una imagen

Sacar la paleta de colores de una imagen

Sube una foto o un logo y obtén sus colores dominantes con el código HEX listo para copiar, o toma con el cuentagotas el color exacto de cualquier punto. Todo en tu navegador.

Arrastra una imagen aquí

o pulsa para elegirla · JPG, PNG, WebP, GIF o BMP

Para qué sirve una paleta sacada de una imagen

Para que una web, una presentación o un cartel combinen con una foto o un logo sin adivinar los tonos: tomas los colores dominantes y los usas como base. También sirve para igualar el color de un texto con el de un elemento de la imagen, o para guardar la paleta de una referencia visual.

Si la imagen tiene fondos grandes de un solo color (por ejemplo un logo sobre blanco), ese fondo será el color dominante; sube el número de colores o usa el cuentagotas sobre las zonas que te interesan.

Cómo funciona

  1. Elige la imagen. Una foto, un logo, una captura de un diseño: cualquier JPG, PNG, WebP, GIF o BMP.
  2. Mira los colores dominantes. Verás hasta 10 colores representativos, ordenados del que más aparece al que menos.
  3. Copia el que necesites. Pulsa un color para copiar su HEX. Con el cuentagotas, pulsa un punto de la imagen para ver su HEX, RGB y HSL exactos.

Preguntas frecuentes

¿Cómo se calculan los colores dominantes?

La imagen se reduce y se cuentan sus colores; se eligen los más frecuentes que además sean distintos entre sí (así un detalle pequeño de otro color no se pierde) y cada color se promedia con los píxeles que le corresponden.

¿Qué diferencia hay entre HEX, RGB y HSL?

Son tres formas de escribir el mismo color. HEX (#d92d20) es el más usado en web y diseño; RGB da la cantidad de rojo, verde y azul de 0 a 255; HSL expresa matiz, saturación y luminosidad, y es cómodo para hacer un color más claro u oscuro.

¿El color del cuentagotas es exacto?

Es el color del píxel que pulsas en la imagen cargada. En fotos con grano puede variar de un píxel a otro: para el tono general de una zona, usa la paleta.

¿La imagen se sube a algún servidor?

No. El análisis se hace en tu navegador, sin enviar ningún dato.

Más herramientas

Comprimir imagenReduce el peso de JPG, PNG y WebP eligiendo calidad y tamaño máximo. Convertir imagenPasa imágenes entre PNG, JPG, WebP y BMP, varias a la vez. HEIC a JPGPasa las fotos HEIC del iPhone a JPG, sin subirlas a ningún servidor. Redimensionar imagenCambia el tamaño en píxeles, en porcentaje o a medidas de redes y pantallas. Recortar imagenRecorta con un recuadro arrastrable, en proporción libre o fija. Rotar y voltear imagenGira 90°, voltea en espejo o endereza una foto con ángulo fino. Unir imágenesUne fotos o capturas en una sola imagen: vertical, horizontal o cuadrícula. Marca de agua en imagenAñade texto o tu logo a una o varias fotos, en una posición o en mosaico. Pixelar y censurar imagenOculta caras, placas o datos pixelando, difuminando o tapando zonas. Quitar datos EXIF y GPSVe qué datos ocultos lleva una foto (GPS, cámara, fecha) y bórralos sin recomprimir. Imagen a Base64Imagen a Base64 o data URI para HTML y CSS, y de Base64 de vuelta a imagen. SVG a PNGRasteriza un SVG a PNG, JPG o WebP a cualquier escala y con fondo a elección. Generador de faviconSaca favicon.ico, iconos PNG, manifest y código HTML desde un logo. Generador de código QRQR para enlaces, WiFi o WhatsApp, con colores y logo, en PNG o SVG.