Gravity Forms doesn’t offer a colorpicker as one of their standard fields. JetSloth released a Gravity Forms Add-On to include a color-picker in your form. It hooks into several Standard Fields like ‘Single Line Text’, ‘Radio Buttons’ and ‘Checkboxes’.
Gravity Forms Color Picker
JetSloth built their Gravity Forms Color Picker add-on off the back of their own popular Image Choices add-on for Gravity Forms. The GF Color Picker add-on works straight out of the box. 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.

Using color picker in Single Line Text
This JetSloth plugin adds a checkbox to the ‘General’ tab of the Single Line Text to choose Use Color Picker.

Using color picker in Radio Buttons
The Radio Buttons field allows users to select one option from a list. Only one option from the available choices can be selected. It is available under the Standard Fields section within the form editor. JetSloth hooks in on the default Radio Buttons to add a color option.

Our Premium add-ons for Gravity Forms
Text Field Variables
This Gravity Forms add-on allows the use of custom variables in Single Line Text and Paragraph Text fields. You decide yourself at which moment the custom variables are turned into values.
List Datepicker
Add a Datepicker with calendar select to a column or multiple columns in a Gravity Forms List Field.
Dynamic Labels
One form, different questions: field labels and texts come from another form's entry, such as a grant, vacancy or course.
JWT Prefill
Fill forms with data you can trust. Prefill Gravity Forms fields with a secure token instead of links with editable url parameters, so your data is accurate, tamper-proof, and ready to use.
Read tutorials about
How to Create an Event Registration Form for Workshops
Create an event registration form for workshops in WordPress. Learn which attendee details to collect, how to configure confirmation emails and how to update workshop dates for confirmed registrations using GravityWP Update Multiple Entries.
How to Create Gravity Forms Entries from Comma-Separated Text
Turn a comma-separated task list into separate Gravity Forms entries. Follow our tested Field to Entries setup, mapping, and custom separator example.
How to Validate Repeatable Contact Rows in Gravity Forms
Learn how to validate repeatable Gravity Forms List field rows with GravityWP List Text. This tutorial shows how to add email and regex validation, test invalid values, and confirm that valid team roster data is stored correctly.
Gravity Forms Airtable Integration: Create Records From Form Submissions
Learn how to build a Gravity Forms Airtable integration with GravityWP API Connector. Send form submissions to Airtable, create new records automatically, and save the returned Airtable Record ID and response back to Gravity Forms.