Color y paleta

Saca el color de cualquier punto y la paleta dominante

Sin base de datos: AIMRAN no guarda tus archivos, textos ni resultados

¿Qué es Color y paleta?

Si te gusta el color de una foto, de un logo o de una captura y quieres usarlo en tu diseño, esta herramienta te dice su código exacto. Pasas el ratón o el dedo por la imagen, una lupa te enseña los píxeles y con un clic guardas el color.

Además calcula automáticamente la paleta de colores principales de la imagen, ordenada por presencia, para que tengas una combinación coherente lista para tu web, tu presentación o tu marca.

Cómo se usa

  1. Arrastra la imagen de la que quieres sacar los colores.
  2. Pasa el cursor por encima y fíjate en la lupa para apuntar con precisión.
  3. Haz clic para guardar el color en tu lista y copia su código HEX, RGB o HSL.
  4. Revisa la paleta dominante y elige cuántos colores quieres (de 5 a 12).
  5. Exporta la paleta como variables CSS o JSON.

Ventajas

Detalles técnicos

El cuentagotas lee el valor RGB del píxel bajo el cursor sobre la imagen original y muestra una lupa de 11 × 11 píxeles. Se pueden guardar hasta 24 colores, sin duplicados, en HEX, rgb() y hsl(). La paleta dominante se calcula con k-means sobre una copia reducida a 160 px, con una inicialización tipo k-means++ determinista (parte del color medio y añade los colores más alejados), ignorando los píxeles transparentes; el resultado se ordena por el porcentaje de píxeles de cada grupo. La exportación genera variables CSS personalizadas o un JSON con los códigos. Admite imágenes de hasta 50 MB, HEIC incluido.

Preguntas frecuentes

¿Cómo saber el código de un color de una imagen?

Sube la imagen, pasa el cursor por encima del color y verás su código HEX, RGB y HSL. Haz clic para guardarlo y copiarlo.

¿Cómo sacar la paleta de colores de una foto?

Al cargar la imagen se calcula sola la paleta dominante. Elige entre 5 y 12 colores con el deslizador y expórtala en CSS o JSON.

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

Son formas distintas de escribir el mismo color. HEX es la más habitual en diseño web, RGB indica rojo, verde y azul, y HSL indica tono, saturación y luminosidad.

¿Funciona en el móvil?

Sí. Desliza el dedo sobre la imagen para ver el color y toca para guardarlo.

Más herramientas de Imagen