Title: ACF Color Swatches Author: nickforddesign Published: February 14, 2018 Last modified: November 29, 2018 --- Search plugins 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://s.w.org/plugins/geopattern-icon/acf-color-swatches.svg) # ACF Color Swatches By [nickforddesign](https://profiles.wordpress.org/nickforddesign/) [Download](https://downloads.wordpress.org/plugin/acf-color-swatches.zip) * [Details](https://wordpress.org/plugins/acf-color-swatches/#description) * [Reviews](https://wordpress.org/plugins/acf-color-swatches/#reviews) * [Installation](https://wordpress.org/plugins/acf-color-swatches/#installation) * [Development](https://wordpress.org/plugins/acf-color-swatches/#developers) [Support](https://wordpress.org/support/plugin/acf-color-swatches/) ## Description 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: * hex: #FF0000 * rgb: rgb(255,0,0) * rgba: rgba(255,0,0, 1) * hsl: hsl(0,100%,50%) * hsla: hsla(0,100%,50%, 1) * name: red Note: you may also use `none` to show a transparent swatch with a checkerboard background. ### Compatibility This ACF field type is compatible with: * ACF 4 * ACF 5 (PRO version) ## Screenshots [⌊Use the same syntax as defining ACF radio buttons⌉⌊Use the same syntax as defining ACF radio buttons⌉[ Use the same syntax as defining ACF radio buttons [⌊Users will see color swatches that act like radio buttons⌉⌊Users will see color swatches that act like radio buttons⌉[ Users will see color swatches that act like radio buttons ## Installation 1. Make sure to have [Advanced Custom Fields](https://wordpress.org/plugins/advanced-custom-fields/) plugin installed. 2. Upload the plugin files to the `/wp-content/plugins/plugin-name` directory, or install the plugin through the WordPress plugins screen directly. 3. Activate the plugin through the ‘Plugins’ screen in WordPress 4. Use the plugin while creating custom fields ## Reviews ![](https://secure.gravatar.com/avatar/74e593ff8ffddc070a58bcecba99124a891613ca69b369820fe70609df3afe31? s=60&d=retro&r=g) ### 󠀁[The missing ACF color swatch](https://wordpress.org/support/topic/the-missing-acf-color-swatch/)󠁿 [gnou](https://profiles.wordpress.org/gnou/) September 23, 2018 Great addition to the ACF family. [ Read all 1 review ](https://wordpress.org/support/plugin/acf-color-swatches/reviews/) ## Contributors & Developers “ACF Color Swatches” is open source software. The following people have contributed to this plugin. Contributors * [ nickforddesign ](https://profiles.wordpress.org/nickforddesign/) [Translate “ACF Color Swatches” into your language.](https://translate.wordpress.org/projects/wp-plugins/acf-color-swatches) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/acf-color-swatches/), check out the [SVN repository](https://plugins.svn.wordpress.org/acf-color-swatches/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/acf-color-swatches/) by [RSS](https://plugins.trac.wordpress.org/log/acf-color-swatches/?limit=100&mode=stop_on_copy&format=rss). ## Changelog 4/25/18 – v1.0.7 * [issue](https://github.com/nickforddesign/acf-swatch/issues/12) – Fixed bug with returning value instead of array 10/23/17 – v1.0.6 * [d57ec40](https://github.com/nickforddesign/acf-swatch/pull/11) – Match background- color syntax * [4892d0e](https://github.com/nickforddesign/acf-swatch/pull/10) – Allow transparent values to be selected 10/23/17 – v1.0.5 * [fa93a8b](https://github.com/nickforddesign/acf-swatch/pull/9) – Add return value option 2/13/17 – v1.0.4 * [44912a6](https://github.com/nickforddesign/acf-swatch/pull/7) – Allow inclusion within theme 10/21/16 – v1.0.3-rc.1 * [7bdc1d2](https://github.com/nickforddesign/acf-swatch/pull/5) – Improved composer instructions 10/7/16 – v1.0.3 * [9d733d9](https://github.com/nickforddesign/acf-swatch/pull/4) – Add composer. json * Added readme.txt for WordPress plugin database 5/19/16 – v1.0.3-alpha * [0b1b7f6](https://github.com/nickforddesign/acf-swatch/pull/2) – Added support for ACF5 11/9/15 – v1.0.2 * Added checkerboard pattern to indicate transparency * Added subtle border to show swatches that match the background color 10/14/15 – v1.0.1 * Improved browser / OS support by replacing input elements with block elements 9/20/15 – v1.0.0 * Initial Release ## Meta * Version **1.0.7** * Last updated **8 years ago** * Active installations **1,000+** * WordPress version ** 4.0 or higher ** * PHP version ** 5.6 or higher ** * Tags * [acf](https://wordpress.org/plugins/tags/acf/)[advanced custom fields](https://wordpress.org/plugins/tags/advanced-custom-fields/) [color](https://wordpress.org/plugins/tags/color/)[color picker](https://wordpress.org/plugins/tags/color-picker/) [swatch](https://wordpress.org/plugins/tags/swatch/) * [Advanced View](https://wordpress.org/plugins/acf-color-swatches/advanced/) ## Ratings 5 out of 5 stars. * [ 1 5-star review ](https://wordpress.org/support/plugin/acf-color-swatches/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/acf-color-swatches/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/acf-color-swatches/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/acf-color-swatches/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/acf-color-swatches/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/acf-color-swatches/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/acf-color-swatches/reviews/) ## Contributors * [ nickforddesign ](https://profiles.wordpress.org/nickforddesign/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/acf-color-swatches/)