ACF Color Swatches
by nickforddesign on WordPress.org
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 …
Use the same syntax as defining ACF radio buttons
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)
