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

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!

Restrict Date for Elementor Forms Pro

This allows you to set limitations on date fields within your form.

User Registration for Elementor Forms Pro

User Registration for Elementor Forms adds a simple but powerful user registration feature to Elementor Pro Forms. Easily build custom registration forms, map form fields to WordPress user profile data, and automatically assign roles to new users. The plugin also supports advanced validation rules to ensure secure and reliable registrations (e.g., prevent duplicate emails or […]

Form Locker for Elementor Forms Pro

Form Locker for Elementor Forms allows you to restrict access to Elementor Pro forms with flexible verification methods: Features  Password Verification – Protect forms with a password.  Email Verification – Send a unique activation link to the user’s email to unlock the form.  Scheduling – Show or hide forms based on start/end dates.  User Restrictions – Display forms only to logged-in […]