Color Picker for Elementor Forms Pro

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

Save & Continue for Elementor Forms Pro

This plugin extends the power of Elementor Forms by providing advanced submission management, PDF generation, and secure draft saving. Instead of just sending form data through email, it allows you to store, access, and re-use submissions in a more professional way. Features Save draft form entries with a unique token. Resume form completion anytime without […]

Ultimate Addons for Elementor Forms Pro

Ultimate Addons for Elementor Forms is the must-have plugin to complement Elementor Forms. 

Telephone field for Elementor Forms Pro

Users can enter and authenticate phone numbers in the accurate format corresponding to their country or region, thereby enhancing both data precision and user interaction within your WordPress forms.

Signature field for Elementor Forms Pro

The Digital Signature add-on allows you to add a digital signature field to your contact forms, enabling users to sign forms electronically.