Title: Image Color Palette
Author: Alvaro
Published: <strong>6 de septiembre de  2018</strong>
Last modified: 8 de mayo de  2021

---

Buscar plugins

![](https://ps.w.org/image-color-palette/assets/banner-772x250.png?rev=2149016)

Este plugin **no se ha probado con las últimas 3 versiones mayores de WordPress**.
Puede que ya no tenga asistencia ni lo mantenga nadie, o puede que tenga problemas
de compatibilidad cuando se usa con las versiones más recientes de WordPress.

![](https://ps.w.org/image-color-palette/assets/icon-256x256.png?rev=2149016)

# Image Color Palette

 Por [Alvaro](https://profiles.wordpress.org/melonpan/)

[Descargar](https://downloads.wordpress.org/plugin/image-color-palette.2.0.0.zip)

 * [Detalles](https://es-ar.wordpress.org/plugins/image-color-palette/#description)
 * [Valoraciones](https://es-ar.wordpress.org/plugins/image-color-palette/#reviews)
 *  [Instalación](https://es-ar.wordpress.org/plugins/image-color-palette/#installation)
 * [Desarrollo](https://es-ar.wordpress.org/plugins/image-color-palette/#developers)

 [Soporte](https://wordpress.org/support/plugin/image-color-palette/)

## Descripción

[Demo](https://gutenberg-showcase.melonpan.io/image-color-palette) – [Documentation](https://melonpan.io/wordpress-plugins/image-color-palette)–
[GitHub](https://github.com/garciaalvaro/image-color-palette)

Image Color Palette provides a simple utility to generate a color palette based 
on the dominant colors of an image. It also creates color schemes based on the image
colors.

The colors can be copied to the clipboard and pasted in a color picker. When a registered
block is selected the plugin permits applying the color to certain block attributes
like text or background color.

### Color schemes

Available schemes include:

 * Analogous
 * Monochromatic
 * Triad
 * Complementary
 * Lighter
 * Brighter
 * Darker
 * Desaturated
 * Saturated

### Usage

Go to any post editor where the new Gutenberg editor is enabled.
 Inside the Post
editor on the right side of the top Toolbar the plugin icon/button should appear(
if not, please read the FAQ below). Click the icon/button to open the plugin sidebar.
Click the main button and the Media Library will open. Select an image and click
the Select button. A color palette will be created based on the colors of the image.
Click on any of the colors and a menu will appear. The color can be copied to the
clipboard (in HEX format) and pasted in the color picker of any block. For supported
blocks, the menu will display extra options to apply the color directly to the Block
attributes.

### Credits

Banner image belongs to [Simone Hutsch](https://unsplash.com/@heysupersimi).

## Capturas

[⌊Example use of palette generated colors.⌉⌊Example use of palette generated colors
.⌉[

Example use of palette generated colors.

[⌊Scheme select list.⌉⌊Scheme select list.⌉[

Scheme select list.

## Instalación

Installation from the WordPress admin.

 1. Log in to the WordPress admin and navigate to Plugins > Add New.
 2. Type “Image Color Palette” in the Search field.
 3. In the results list Image Color Palette plugin should appear, click **Install Now**
    button.
 4. Once it finished installing, click the Activate button.
 5. That’s it, now you can go to any post where Gutenberg is enabled and start using
    the plugin.

## Preguntas frecuentes

### I do not see the plugin icon in the post editor

Alternatively the Plugin can be opened from the Show More button (the 3 dots on 
the right side of the Editor Top Bar).
 Click the More button and inside the menu
list click on the plugin name “Image Color Palette”.

## Reseñas

![](https://secure.gravatar.com/avatar/0771f018c5c481aecb62b5789070e663f32e747831b01c657b7246e43dc9ed21?
s=60&d=retro&r=g)

### 󠀁[J’adore](https://wordpress.org/support/topic/jadore-13/)󠁿

 [dmsr](https://profiles.wordpress.org/dmsr/) 22 de julio de 2022

Si le travail des couleurs est indispensable sur votre site, installer ce plugin!
Super utile!

![](https://secure.gravatar.com/avatar/fc86d9dfbfc88c36be834763e00759fcd59197dee28515e1e4c85204c3abe013?
s=60&d=retro&r=g)

### 󠀁[Nice one!](https://wordpress.org/support/topic/nice-one-273/)󠁿

 [wellbeingtips](https://profiles.wordpress.org/wellbeingtips/) 8 de septiembre 
de 2018 1 respuesta

Good for creating stylish and unique posts.

 [ Leer todas las 2 reseñas ](https://wordpress.org/support/plugin/image-color-palette/reviews/)

## Colaboradores y desarrolladores

“Image Color Palette” es un software de código abierto. Las siguientes personas 
han colaborado con este plugin.

Colaboradores

 *   [ Alvaro ](https://profiles.wordpress.org/melonpan/)

“Image Color Palette” ha sido traducido a 3 idiomas. Gracias a [los traductores](https://translate.wordpress.org/projects/wp-plugins/image-color-palette/contributors)
por sus contribuciones.

[Traduce “Image Color Palette” a tu idioma.](https://translate.wordpress.org/projects/wp-plugins/image-color-palette)

### ¿Interesado en el desarrollo?

[Revisa el código](https://plugins.trac.wordpress.org/browser/image-color-palette/),
echa un vistazo al [repositorio SVN](https://plugins.svn.wordpress.org/image-color-palette/),
o suscríbete al [log de desarrollo](https://plugins.trac.wordpress.org/log/image-color-palette/)
por [RSS](https://plugins.trac.wordpress.org/log/image-color-palette/?limit=100&mode=stop_on_copy&format=rss).

## Registro de cambios

#### 2.0.0

 * Major refactor
 * Updated dependencies
 * Minor fixes

#### 1.5.0

 * Added linter for development
 * Updated dependencies
 * Minor fixes

#### 1.4.2

 * Monochromatic scheme colors are now sorted by brightness.
 * Fixed small bug which recalculated color palette unnecessarily.
 * Fixed popover menu not appearing with the correct z-index.
 * Raised minimum WordPress version to 5.2 to make use of block-editor package.

#### 1.4.1

 * Fixed bug where no version number was being added to the enqueues.

#### 1.4.0

 * Added Color distance equation option.
 * Added more core block types to set it’s color attributes.
 * Added the filter “imageColorPalette.addBlockTypeColorAttributes” for developers
   to include their own block type attributes.
 * Updated the color menu UI.
 * Rebuilt code, migrated JavaScript to TypeScript.

#### 1.3.1

 * Fixed block selected before plugin sidebar is open not passing attribute options
   to color menu.

#### 1.3.0

 * Added new feature to paste the color automatically to the selected block color
   attribute (currently available for core blocks)
 * Added new popover menu when clicking on a color
 * Small fixes

#### 1.2.0

 * Improved code base and interface
 * Organized UI in two tabs: Palette & Settings
 * The scheme can now be toggled directly from the Palette

#### 1.1.0

 * Improved UX with better debouncing and better performance in color palette generation
 * Moved copied_color and copied_index out of store
 * Reorganized JavaScript components

#### 1.0.0

 * Initial release.

## Meta

 *  Versión **2.0.0**
 *  Última actualización **hace 5 años**
 *  Instalaciones activas **20+**
 *  Versión de WordPress ** 5.6 o superior **
 *  Testeado hasta **5.7.20**
 *  Versión de PHP ** 7.1 o superior **
 *  Idiomas
 * [Danish](https://da.wordpress.org/plugins/image-color-palette/), [English (US)](https://wordpress.org/plugins/image-color-palette/),
   [Spanish (Spain)](https://es.wordpress.org/plugins/image-color-palette/), y [Swedish](https://sv.wordpress.org/plugins/image-color-palette/).
 *  [Traducir a tu idioma](https://translate.wordpress.org/projects/wp-plugins/image-color-palette)
 * Etiquetas:
 * [blocks](https://es-ar.wordpress.org/plugins/tags/blocks/)[color](https://es-ar.wordpress.org/plugins/tags/color/)
   [gutenberg](https://es-ar.wordpress.org/plugins/tags/gutenberg/)
 *  [Vista avanzada](https://es-ar.wordpress.org/plugins/image-color-palette/advanced/)

## Valoraciones

 5 de 5 estrellas.

 *  [  2 valoraciones de 5 estrellas     ](https://wordpress.org/support/plugin/image-color-palette/reviews/?filter=5)
 *  [  0 valoraciones de 4 estrellas     ](https://wordpress.org/support/plugin/image-color-palette/reviews/?filter=4)
 *  [  0 valoraciones de 3 estrellas     ](https://wordpress.org/support/plugin/image-color-palette/reviews/?filter=3)
 *  [  0 valoraciones de 2 estrellas     ](https://wordpress.org/support/plugin/image-color-palette/reviews/?filter=2)
 *  [  0 valoraciones de 1 estrellas     ](https://wordpress.org/support/plugin/image-color-palette/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/image-color-palette/reviews/#new-post)

[Ver todas las reseñas](https://wordpress.org/support/plugin/image-color-palette/reviews/)

## Colaboradores

 *   [ Alvaro ](https://profiles.wordpress.org/melonpan/)

## Soporte

¿Tenés algo que decir? ¿Necesitás ayuda?

 [Ver el foro de asistencia](https://wordpress.org/support/plugin/image-color-palette/)