Alvaro

<p><a href="https://gutenberg-showcase.melonpan.io/image-color-palette" rel="nofollow ugc">Demo</a> – <a href="https://melonpan.io/wordpress-plugins/image-color-palette" rel="nofollow ugc">Documentation</a> – <a href="https://github.com/garciaalvaro/image-color-palette" rel="nofollow ugc">GitHub</a></p>
<p>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.</p>
<p>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.</p>
<h3>Color schemes</h3>
<p>Available schemes include:</p>
<ul>
<li>Analogous</li>
<li>Monochromatic</li>
<li>Triad</li>
<li>Complementary</li>
<li>Lighter</li>
<li>Brighter</li>
<li>Darker</li>
<li>Desaturated</li>
<li>Saturated</li>
</ul>
<h3>Usage</h3>
<p>Go to any post editor where the new Gutenberg editor is enabled.<br />
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).<br />
Click the icon/button to open the plugin sidebar.<br />
Click the main button and the Media Library will open. Select an image and click the Select button.<br />
A color palette will be created based on the colors of the image.<br />
Click on any of the colors and a menu will appear.<br />
The color can be copied to the clipboard (in HEX format) and pasted in the color picker of any block.<br />
For supported blocks, the menu will display extra options to apply the color directly to the Block attributes.</p>
<h3>Credits</h3>
<p>Banner image belongs to <a href="https://unsplash.com/@heysupersimi" rel="nofollow ugc">Simone Hutsch</a>.</p>


Image Color Palette

Good for creating stylish and unique posts.

Nice one!

Create a color palette based on the colors of an image.

Tom Anbinder

Pablo Pacheco

WPFactory

Kousik Mukherjee

Omar AlDabbas

Algoritmika

<p><strong>Variation Swatches for WooCommerce – Color & Image Swatches</strong> provides new WooCommerce type attributes (color,label,image) for creating beautiful variations</p>
<p><strong>Check some of its features:</strong></p>
<ul>
<li>Create a new type attribute for handling <strong>colors</strong></li>
<li>Create a new type attribute for handling <strong>labels</strong></li>
<li>Create a new type attribute for handling <strong>images</strong></li>
</ul>
<h4>Getting Started</h4>
<p>Once you install and enable the plugin, three new options will be available at <strong>Product > Attributes > Types</strong> :</p>
<ul>
<li>Color</li>
<li>Image</li>
<li>Label</li>
</ul>
<p>Please take a look at the screenshots to understand it better</p>


Variation Swatches for WooCommerce – Color & Image Swatches

Provides new WooCommerce type attributes (color,label,image) for creating beautiful variations

Image Color Palette vs Variation Swatches for WooCommerce – Color & Image Swatches