Paperform logo
ProductTemplatesPricingBlogSign in
ProductTemplatesPricingBlogSign in

How does the color picker work and what does it look like?

Help Making Forms Using the Editor Field Types

Field Types

Can a user type in their own price (for example, donation or pay-what-you-want)?How do I add an e-signature to my form?Can I check availability on and make bookings on multiple calendars?Can I make a question for URLs?Can my audience upload files to Paperform forms, and how do I make that happen?Creating Terms & Conditions QuestionsDo you have a scale question and how do I add it to my form?How can I accept appointments on my form?How can I insert a checkbox?How can I specify certain color swatches for the Color Picker field?How do I use calculation fields?How do I add a Country field to my form?How do I add a dropdown field to my form?How do I add a long text question field quickly?How do I add a name question field quickly?How do I add a number question to my form?How do I add a phone number field to my form?How do I add a question to my form?How do I add a question with radio buttons quickly?How do I add a slider question?How do I add a URL field?How do I add a Yes/No question to my form?How do I add multiple choice questions to my form?How do I add or remove subscription plans?How does the address field work and how do I add one?How does the color picker work and what does it look like?What are date fields like, and how do I use one?What do Time fields look like, and how do I add one to my form?What is a hidden field?What types of questions or fields does Paperform offer?

This feature is available on Pro and Agency plans.

If you want to give respondents a way to pick a color, there's now a way to do that in the form itself. The most obvious choice for this would be anything that relates to design and requires that certain colors are used.

How to add a Color Picker field:

  1. In the form editor, insert a question field, and select type as ‘Color Picker’ field. Alternatively, use a slash command by typing ' / ' and choosing a ‘Color Picker’ field from the list of question types (see image below).

  1. Go to ‘Configure’ to the right of the field and adjust the settings however you’d like.

What you see in the editor

Default answer — Choose the default color shown in the live form
Swatches — Define specific colors for quick and easy selection
Allow swatches only — Restrict respondents to only the colors you want

To manage swatches, click on any swatch (the colored box above the color picker) to delete it. Additionally, pick a new color using the color picker or enter a hex color code and add a new swatch.

What the respondent sees

If you haven't allowed swatches only, a respondent can still pick a color by using the color picker or entering a hex color code.

If you allow swatches only, your respondent will instead see this:

You can mix and match settings and stack color pickers side-by-side. For example, say you have a base color where you only want to allow certain colors and then you have some accents that are not restrictive.

That might look something like:

The possibilities are nearly endless.
(Really, there are 16,777,216 possible color combinations.)

Related Articles

How can I specify certain color swatches for the Color Picker field?
You can add swatches by using the Color Picker itself to select a color or by entering it's RGB() or hex color code.