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 …

Gearment LLC

Gearment Import Flatsome

Powerful WooCommerce toolkit to import products, customize variation swatches, and manage product data with ease.

nickforddesign

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.
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.
Supports all of the following color formats:
<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>
Note: you may also use <code>none</code> to show a transparent swatch with a checkerboard background.
<h3>Compatibility</h3>
This ACF field type is compatible with:
<ul>
<li>ACF 4</li>
<li>ACF 5 (PRO version)</li>
</ul>

Alternatives to ACF Color Swatches

Top alternatives