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.

dreihochzwo

<p>The RGBA Color Picker is a color picker that supports transparency colors in RGBA-Mode.</p>
<h4>Custom color palette</h4>
<p>The plugin offers the possibility to customize the color palette according to your own wishes. You can define your own custom color palette with the <code>acf/rgba_color_picker/palette</code> filter. In addition, you can define an individual color palette for each field in the field settings.</p>
<p><strong>New in version 1.2.0</strong></p>
<p>If there are a lot of colors for the color palette, the color fields are getting very tiny. To prevent this, the color fields are now displayed in several rows (with a maximum of 10 colors per row). So it is possible to define a lot of colors for the standard palette.</p>
<p>Furthermore, the color picker is now absolutely positioned and this does not shift other elements of the page every time the color picker is opened.</p>
<p><strong>This plugin works only with the <a href="https://www.advancedcustomfields.com/pro/" rel="nofollow ugc">ACF PRO</a> (version 5.5.0 or higher).</strong></p>
<h4>Localizations</h4>
<ul>
<li>English</li>
<li>Deutsch</li>
</ul>
<h3>Custom color palette</h3>
<p>Use the <code>acf/rgba_color_picker/palette</code> filter to create your own standard color palette for the color picker. Your custom standard color palette, just like the default color palette, can be overridden in the field settings for each field individually.</p>
<h4>Fixed color palette</h4>
<p>Put a code like this into your themes functions.php (you can use HEX or RGBA color values and can also mix them):</p>
<pre><code><?php
function set_acf_rgba_color_picker_palette() {
    $palette = array(
        '#FFF',
        '#0018ff',
        '#00FF36',
        'rgba(255,168,0,0.7)'
    );

    return $palette;
}
add_filter('acf/rgba_color_picker/palette', 'set_acf_rgba_color_picker_palette');
?>
</code></pre>
<h4>Dynamic color palette</h4>
<p>If you have an options page where you define some standard colors, create an array from this options like this:</p>
<pre><code><?php
function set_acf_rgba_color_picker_palette() {
    // optional - add colors which are not set in the options page
    $palette = array(
        '#FFF',
        '#000'
    );

    if ( have_rows('YOUR_COLOR_REPEATER_FIELD', 'YOUR_OPTIONS_PAGE') ) {
        while( have_rows('YOUR_COLOR_REPEATER_FIELD', 'YOUR_OPTIONS_PAGE') ) { the_row();
            $palette[] = get_sub_field('YOUR_COLOR_FIELD');
        }
    }

    return $palette;
}
add_filter('acf/rgba_color_picker/palette', 'set_acf_rgba_color_picker_palette');
?>
</code></pre>
<p>This is an example using a repeater field to set the colors; if you store your colors within a string, convert this string into an array.</p>
<h4>Hiding color palette</h4>
<p>If you dont want to show a color palette set the return value of the filter to false:</p>
<pre><code><?php
add_filter('acf/rgba_color_picker/palette', '__return_false');
?>
</code></pre>
<p>Setting the color palette to false will disable and hide the “Color Palette” and “Hide Color Palette” options in the field settings.</p>


ACF RGBA Color Picker

Been needing this for months - thank you so much for creating it! Works flawlessly.

Finally!

A RGBA-Color-Picker field for Advanced Custom Fields

Image Color Palette vs ACF RGBA Color Picker