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.
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.
Features
- Works with Text, Radio, Checkbox or Select field types
- 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.
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
This add-on is also available in the Elementor Forms Add-on Bundle – Save up to 90%
Related plugins
Cost Calculator for Elementor Pro
Plugins allows you to create dynamic forms with calculation fields for pricing or cost estimation purposes.
Views for Elementor Forms – Display & Edit Elementor Form Submissions on your site frontend
Display and edit your Elementor Forms entries directly on the frontend of your website.
Range Slider for Elementor Forms Pro
A range slider is a type of input field that allows users to select a value within a specified range by sliding a handle or marker along a visual slider track.
Elementor Forms Add-on Bundle – All In One
This is a special package that includes all the add-ons for WPForms we released and every add-on that has been released!
Donna Gomez (store manager) –
We use Elementor Forms for clients to submit custom merchandise requests, and they needed a way to pick exact brand colors. This plugin adds a beautiful, native color picker field right inside the Elementor Form widget. Users can visually select a color or type in HEX, RGBA, or HSLA codes. The color data maps perfectly into our email entries. Essential tool for custom-order sites!