Title: Color Picker for Elementor Forms
Author: add-ons.org
Published: <strong>July 19, 2026</strong>
Last modified: July 19, 2026

---

Search plugins

![](https://ps.w.org/color-picker-for-elementor-forms/assets/banner-772x250.png?
rev=3613328)

![](https://ps.w.org/color-picker-for-elementor-forms/assets/icon-256x256.png?rev
=3613328)

# Color Picker for Elementor Forms

 By [add-ons.org](https://profiles.wordpress.org/addonsorg/)

[Download](https://downloads.wordpress.org/plugin/color-picker-for-elementor-forms.1.0.0.zip)

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

 [Support](https://wordpress.org/support/plugin/color-picker-for-elementor-forms/)

## Description

**Color Picker for Elementor Forms** lets you add a professional and customizable
color selector to any Elementor Pro Form field.
 Users can easily pick a color visually,
type a color code manually, or select from predefined color options — perfect for
product customization, design requests, or survey choices.

Now it also supports **dynamic color binding** — when a user selects a color, you
can automatically apply it to any element in your form or theme using a custom CSS
selector (e.g. `.elementor-button` or `#heading`).
 Let users select from a pre-
defined set of swatches you make available or even let them choose a custom hex 
value from the color picker.

**Demo:** [https://demo.add-ons.org/demo-color-picker-field/](https://demo.add-ons.org/demo-color-picker-field/)
**
Documentation:** [https://add-ons.org/document-color-picker-for-elementor-forms/](https://add-ons.org/document-color-picker-for-elementor-forms/);

### Perfect for

 * Product customization (choose a color, theme, or paint)
 * Design requests or branding forms
 * Surveys or polls involving color preference
 * Any form where users need to choose a color

### Features

 * Works with **Text** or **Select** field types (no new field type needed).
 * Built-in **visual color picker** powered by `jscolor`.
 * Support for color formats: **HEX, RGB(A), HSL**.
 * Optional **Custom Color** input for users to choose their own color.
 * Predefined palette options.
 * **Dynamic color binding**: apply the selected color to any element via a custom
   CSS selector (e.g., `.elementor-button`, `#title`).
 * Live sync: input and color picker stay in sync dynamically.
 * Fully responsive and customizable with CSS variables.
 * Compatible with Elementor Pro Forms and frontend submissions.

### Usage

 1. Edit a form with Elementor Pro.
 2. Add a **Text** or **Select** field.
 3. In field settings, toggle **Enable Color Picker**.
 4. (Optional) In **Target Element Selector**, enter a CSS selector to auto-apply the
    chosen color (e.g., `.elementor-button`).
 5. Add predefined colors or allow users to choose their own.
 6. Customize layout, border, and color preview styles with CSS.

## Screenshots

[⌊Enable Color Picker in field settings.⌉⌊Enable Color Picker in field settings.⌉[

Enable **Color Picker** in field settings.

## Installation

 1. Upload the plugin files to the `/wp-content/plugins/color-picker-for-elementor-
    forms` directory, or install the plugin through the WordPress Plugins screen.
 2. Activate the plugin through the “Plugins” screen in WordPress.
 3. Create or edit a form using Elementor Pro.
 4. Enable **Color Picker** in field settings.
 5. (Optional) Configure **Target Element Selector** to bind color dynamically.
 6. Save and preview the form — users can now visually select colors.

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“Color Picker for Elementor Forms” is open source software. The following people
have contributed to this plugin.

Contributors

 *   [ add-ons.org ](https://profiles.wordpress.org/addonsorg/)

[Translate “Color Picker for Elementor Forms” into your language.](https://translate.wordpress.org/projects/wp-plugins/color-picker-for-elementor-forms)

### Interested in development?

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

## Changelog

#### 1.0.0

 * Initial release with full color picker support for Elementor Forms (HEX, RGBA,
   custom palette, jscolor integration, dynamic color binding).

## Meta

 *  Version **1.0.0**
 *  Last updated **2 days ago**
 *  Active installations **Fewer than 10**
 *  WordPress version ** 5.0 or higher **
 *  Tested up to **7.0.2**
 * Tags
 * [color field](https://wordpress.org/plugins/tags/color-field/)[color picker](https://wordpress.org/plugins/tags/color-picker/)
   [elementor](https://wordpress.org/plugins/tags/elementor/)[form field](https://wordpress.org/plugins/tags/form-field/)
 *  [Advanced View](https://wordpress.org/plugins/color-picker-for-elementor-forms/advanced/)

## Ratings

No reviews have been submitted yet.

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

[See all reviews](https://wordpress.org/support/plugin/color-picker-for-elementor-forms/reviews/)

## Contributors

 *   [ add-ons.org ](https://profiles.wordpress.org/addonsorg/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/color-picker-for-elementor-forms/)