Gravity Forms Color Picker

Add colour swatches to radio, checkboxes and single line text fields

We’ve built our Gravity Forms Color Picker add-on off the back of our popular Image Choices add-on for Gravity Forms. Our Color Picker add-on works straight out of the box and works in the same manner that Image Choices does. Simply tick on the ‘use colors’ option when you add any checkbox or radio based field. Gravity Forms Color Picker supports radio fields, checkbox fields and single text line fields.

Try the live demo

Select Colour

#02ECB2

#16D4E9

#BF57FD

Email

This field is for validation purposes and should be left unchanged.

Colour

Bring your forms to life

Gravity Forms Color Picker add-on lets you bring a whole new life of colour to your forms. Let users select from a pre-defined set of swatches you make available or even let your users select a custom hex value from the colour picker.

Try the live demo

Select Colour

Baby Blue

Blue

Sky Blue

Vibrant Blue

Comments

This field is for validation purposes and should be left unchanged.

Colors in gravity Forms like never before

With Gravity Forms Color Picker you can present color options like never before to your users online. Perfect for customers that sell creative artwork online, physical products or even digital goods, Gravity Forms Color Picker will give you the ability to showcase color options to your users in a premium way.

Let your users pick custom colors

Gravity Forms Color Picker add-on lets you add the ability to select from color swatches using either radio or checkbox fields. If using the radio or checkbox fields, just tick on the “other” option and you’ll get a color picker swatch made available to let your users choose the color they want.

Try the live demo

Select Colour

Burnt Orange

Email

This field is for validation purposes and should be left unchanged.

Entries

Show swatches in admin entries & email notifications

The Color Picker add-on allows you to decide how you want your form entries to be showcased. You can default to the normal Gravity Forms text-based values or decide to show your user entries as color swatches, within the admin entries screen. It’s your choice, for each field.

Use selected colors in your form or theme styling

Want to change the look of your website, text, graphics, or artwork demo? We’ve made it easy to use your users selected color from the form, and apply it to many styling options instantly on your website.

Compatible with JetSloth’s Image Choices & Collapsible Sections

We’ve made sure Gravity Forms Color Picker works effortlessly out of the box with customers already using our popular Image Choices and Collapsible Sections plugins. Continue using our suite of plugins but enhance your form experience by adding color options to the mix. Gravity Forms Colour Picker add-on is compatible with and tested with the latest version of Image Choices 1.2.5 + and Collapsible Sections 1.0.13 +.

Color picker using single line text field

In addition to working great with radio & checkbox fields, our Gravity Forms Color Picker add-on lets you turn your single line text fields into a color picker popup, that your users can select a custom color from. With a bunch of great pre-bundle front end styles to chose from, you can have a great looking color picker added to your form within minutes, and no code needed.

Try the live demo

Select Colour

ColorPick color

Select Colour

ColorPick color

Select Colour

ColorPick color

Select Colour

ColorPick color

Select Colour

ColorPick color

Name

This field is for validation purposes and should be left unchanged.

Bundled styles

New included CSS styles

With the successful launch of our Image Choices and Collapsible Sections addon for Gravity Forms, we quickly learnt that our customers love our example CSS styles and we’ve had a lot of great feedback. We also know that some of our users weren’t super confident with editing or playing with CSS updates.

With this in mind, our Gravity Forms Colour Picker add-on includes a number of great styles embedded into the plugin itself, so no more editing CSS in your WordPress theme or settings panel. Want to see what styles we’re including? Easy, just scroll around on this page, all the examples of this page are bundled into the plugin by default.

Gravity Forms 2.4.8 +

Gravity Forms Colour Picker add-on is compatible with and tested with the latest version of Gravity forms 2.4.8+

JetSloth suit compatible

Gravity Forms Colour Picker add-on is compatible with and tested with the latest version of Image Choices 1.2.5 and Collapsible Sections 1.0.13.

New or existing forms

Gravity Forms Colour Picker updates functionality to the standard radio, checkbox and text line fields within gravity Forms so you can add color picker functionality to both new or existing forms super easily.

Pre-built CSS styles

Gravity Forms Colour Picker add-on includes a number of great styles embedded into the plugin itself, so no more editing CSS in your WordPress theme or settings panel.

Custom Styles

Don’t like or want to use our pre-bundled CSS styles? Not a problem, you have the option to start from a blank canvas and fully customise the color picker fields with your own CSS styles.

Apply selected colors to your theme

We’re working on new functionality that will easily let you change the look of your website based on what color a user selects. You’ll need to wait a little bit tho, this feature is coming soon.

Purchasing Gravity Forms Color Picker allows you to use the plugin for an unlimited period of time. It’s not a recurring subscription. For continued support and updates, all licenses must be renewed annually. Renewals have a 25% discount!

You can find out more about which cookies we are using or switch them off in settings.

Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.

Strictly Necessary Cookies

Strictly Necessary Cookie should be enabled at all times so that we can save your preferences for cookie settings.

disable

If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.