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.

nickforddesign

<p>An add-on for Advanced Custom Fields to allow users to select from a list of color choices. Setting up the field works exactly like setting up a radio button list, the main difference being that the key will also be used to style the element.</p>
<p>This is useful for allowing users to pick from a limited selection of colors, rather than enter an arbitrary hex value or choose from a color picker.</p>
<p>Supports all of the following color formats:</p>
<ul>
<li>hex: #FF0000</li>
<li>rgb: rgb(255,0,0)</li>
<li>rgba: rgba(255,0,0, 1)</li>
<li>hsl: hsl(0,100%,50%)</li>
<li>hsla: hsla(0,100%,50%, 1)</li>
<li>name: red</li>
</ul>
<p>Note: you may also use <code>none</code> to show a transparent swatch with a checkerboard background.</p>
<h3>Compatibility</h3>
<p>This ACF field type is compatible with:</p>
<ul>
<li>ACF 4</li>
<li>ACF 5 (PRO version)</li>
</ul>


ACF Color Swatches

An add-on for Advanced Custom Fields to allow users to select from a list of color choices. Setting up the field works exactly like setting up a radio …

Image Color Palette vs ACF Color Swatches