Title: ACF RGBA Color Picker
Author: dreihochzwo
Published: <strong>March 19, 2017</strong>
Last modified: December 22, 2024

---

Search plugins

![](https://ps.w.org/acf-rgba-color-picker/assets/banner-772x250.jpg?rev=1618186)

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://ps.w.org/acf-rgba-color-picker/assets/icon-256x256.png?rev=1618186)

# ACF RGBA Color Picker

 By [dreihochzwo](https://profiles.wordpress.org/tmconnect/)

[Download](https://downloads.wordpress.org/plugin/acf-rgba-color-picker.1.2.3.zip)

 * [Details](https://wordpress.org/plugins/acf-rgba-color-picker/#description)
 * [Reviews](https://wordpress.org/plugins/acf-rgba-color-picker/#reviews)
 *  [Installation](https://wordpress.org/plugins/acf-rgba-color-picker/#installation)
 * [Development](https://wordpress.org/plugins/acf-rgba-color-picker/#developers)

 [Support](https://wordpress.org/support/plugin/acf-rgba-color-picker/)

## Description

The RGBA Color Picker is a color picker that supports transparency colors in RGBA-
Mode.

#### Custom color palette

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 `acf/rgba_color_picker/
palette` filter. In addition, you can define an individual color palette for each
field in the field settings.

**New in version 1.2.0**

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.

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.

**This plugin works only with the [ACF PRO](https://www.advancedcustomfields.com/pro/)(
version 5.5.0 or higher).**

#### Localizations

 * English
 * Deutsch

### Custom color palette

Use the `acf/rgba_color_picker/palette` 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.

#### Fixed color palette

Put a code like this into your themes functions.php (you can use HEX or RGBA color
values and can also mix them):

    ```
    <?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');
    ?>
    ```

#### Dynamic color palette

If you have an options page where you define some standard colors, create an array
from this options like this:

    ```
    <?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');
    ?>
    ```

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.

#### Hiding color palette

If you dont want to show a color palette set the return value of the filter to false:

    ```
    <?php
    add_filter('acf/rgba_color_picker/palette', '__return_false');
    ?>
    ```

Setting the color palette to false will disable and hide the “Color Palette” and“
Hide Color Palette” options in the field settings.

## Screenshots

[⌊The RGBA Color Picker field settings⌉⌊The RGBA Color Picker field settings⌉[

The RGBA Color Picker field settings

[⌊The RGBA Color Picker with the standard color palette⌉⌊The RGBA Color Picker with
the standard color palette⌉[

The RGBA Color Picker with the standard color palette

[⌊The RGBA Color Picker with a custom color palette⌉⌊The RGBA Color Picker with 
a custom color palette⌉[

The RGBA Color Picker with a custom color palette

## Installation

 1. Upload the `rgba_color_picker` folder to your `/wp-content/plugins/` directory
 2. Activate the plugin through the ‘Plugins’ menu in WordPress
 3. Done!

## Reviews

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

### 󠀁[Excellent plugin](https://wordpress.org/support/topic/excellent-plugin-4274/)󠁿

 [rightmost](https://profiles.wordpress.org/rightmost/) September 27, 2018

This plugin was just what I was looking for and worked as expected. It was really
easy to modify the color palette too. Thank you!

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

### 󠀁[YAAAASSSSSSSS](https://wordpress.org/support/topic/yaaaassssssss/)󠁿

 [jacobraccuia](https://profiles.wordpress.org/jacobraccuia/) January 16, 2018

It is rare to find a plugin that actually does every single thing you need it to
do, without any problems.

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

### 󠀁[Excellent!](https://wordpress.org/support/topic/excellent-5594/)󠁿

 [John Garvin](https://profiles.wordpress.org/atomiccherry/) November 17, 2017

Great addition to ACF. Works like a charm.

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

### 󠀁[Great Plugin](https://wordpress.org/support/topic/great-plugin-14184/)󠁿

 [kierancalv](https://profiles.wordpress.org/kierancalv/) June 15, 2017

Thanks for the work. A much needed and great plugin! This version now works great
on flexible content fields also.

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

### 󠀁[Finally!](https://wordpress.org/support/topic/finally-221/)󠁿

 [Scott Bowler](https://profiles.wordpress.org/scottybowl2/) April 2, 2017

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

 [ Read all 5 reviews ](https://wordpress.org/support/plugin/acf-rgba-color-picker/reviews/)

## Contributors & Developers

“ACF RGBA Color Picker” is open source software. The following people have contributed
to this plugin.

Contributors

 *   [ dreihochzwo ](https://profiles.wordpress.org/tmconnect/)

“ACF RGBA Color Picker” has been translated into 3 locales. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/acf-rgba-color-picker/contributors)
for their contributions.

[Translate “ACF RGBA Color Picker” into your language.](https://translate.wordpress.org/projects/wp-plugins/acf-rgba-color-picker)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/acf-rgba-color-picker/),
check out the [SVN repository](https://plugins.svn.wordpress.org/acf-rgba-color-picker/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/acf-rgba-color-picker/)
by [RSS](https://plugins.trac.wordpress.org/log/acf-rgba-color-picker/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### v1.2.3

 * Fixed for PHP 8

#### v1.2.2

 * Fixes for WP 5.5

#### v1.2.1

 * Minor bug fixes

#### v1.2.0

 * Correct use of standard color
 * Changed position of color picker
 * Better handling for color palettes

#### v1.1.0

 * Changed class name to prevent future conflicts with ACF

#### v1.0.3

 * Updated wp-color-picker-alpha to V2.0.0 of compatibility for WP 4.9

#### v1.0.2

 * Optimized init of acf/rgba_color_picker/palette filter

#### v1.0.1

 * Fixed display error on Chrome and Firefox on Windows

#### v1.0.0

 * Initial release of this plugin, tested and stable.

## Meta

 *  Version **1.2.3**
 *  Last updated **2 years ago**
 *  Active installations **6,000+**
 *  WordPress version ** 4.7 or higher **
 *  Tested up to **6.7.5**
 *  Languages
 * [English (US)](https://wordpress.org/plugins/acf-rgba-color-picker/), [German](https://de.wordpress.org/plugins/acf-rgba-color-picker/),
   [Japanese](https://ja.wordpress.org/plugins/acf-rgba-color-picker/), and [Portuguese (Portugal)](https://pt.wordpress.org/plugins/acf-rgba-color-picker/).
 *  [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/acf-rgba-color-picker)
 * Tags
 * [acf](https://wordpress.org/plugins/tags/acf/)[acfpro](https://wordpress.org/plugins/tags/acfpro/)
   [color](https://wordpress.org/plugins/tags/color/)[color picker](https://wordpress.org/plugins/tags/color-picker/)
   [rgba](https://wordpress.org/plugins/tags/rgba/)
 *  [Advanced View](https://wordpress.org/plugins/acf-rgba-color-picker/advanced/)

## Ratings

 5 out of 5 stars.

 *  [  5 5-star reviews     ](https://wordpress.org/support/plugin/acf-rgba-color-picker/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/acf-rgba-color-picker/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/acf-rgba-color-picker/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/acf-rgba-color-picker/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/acf-rgba-color-picker/reviews/?filter=1)

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

[See all reviews](https://wordpress.org/support/plugin/acf-rgba-color-picker/reviews/)

## Contributors

 *   [ dreihochzwo ](https://profiles.wordpress.org/tmconnect/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/acf-rgba-color-picker/)

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=XMLKD8H84HXB4&lc=US&item_name=Donation%20for%20WordPress%20Plugins&no_note=0&cn=Add%20a%20message%3a&no_shipping=1&currency_code=EUR)