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

Email Customizer for Elementor Forms Pro

Email Customizer for Elementor Forms is a plugin that allows you to customize the appearance and content of emails sent from forms created by Elementor Forms. This plugin provides flexibility to modify not just the text but also the layout, colors, fonts, and other elements. With Email Customizer for Elementor Forms, you can create more […]

Cost Calculator for Elementor Pro

Plugins allows you to create dynamic forms with calculation fields for pricing or cost estimation purposes.

PDF for Elementor Forms + Drag And Drop Template Builder Pro

Generate PDF using Elementor Forms plugin provides an easier way to download PDF documents, and open the PDF document file after the successful form submission.

Repeater Fields for Elementor Forms Pro

This add-on allows you to create one or more sets of fields that can be repeated.