Colorpicker widget for Plone

Project Description


collective.z3cform.colorpicker provides two different jQuery based widgets:

  • Farbtastic, a simple color picker.
  • jPicker, a jQuery Color Picker Plugin supporting transparency.


  • plone >= 3.2.1


This addon can be installed has any other addons, please follow official documentation.


You can use this widget setting the "widgetFactory" property of a form field:

from zope import schema
from z3c.form import form, field
from collective.z3cform.colorpicker.colorpicker import ColorpickerFieldWidget
from collective.z3cform.colorpicker.colorpickeralpha import ColorpickerAlphaFieldWidget

class IColorForm(interface.Interface):
    color = schema.TextLine(title=u"Color",
    alphacolor = schema.TextLine(title=u"Color with alpha layer support",

class Color(object):
    color = '#ff0000'
    alphacolor = 'ff0000cc'

    def __init__(self, context):
        self.context = context

class ColorForm(form.Form):
    fields = field.Fields(IColorForm)
    fields['color'].widgetFactory = ColorpickerFieldWidget
    fields['alphacolor'].widgetFactory = ColorpickerAlphaFieldWidget


for more information see demo directory in the package sources.


  • Giorgio Borelli - gborelli, Original Author
  • Silvio Tomatis - silviot


1.1 (2013-06-02)

  • fix [gborelli]

1.0 (2013-06-02)

  • add z3cform_colorpicker.js to initialize JPicker widget [gborelli]
  • add internationalization support [gborelli]
  • add css and javascript to Plone registry in order to make html valid [gborelli]
  • add profile to install colorpicker package [gborelli]
  • change some jpicker styles [gborelli]
  • update jpicker to v1.1.6 [gborelli]
  • egg layout refactoring [gborelli]
  • change Browser import from Testing.testbrowser [gborelli]

0.2 (2010-10-31)

  • include jPicker widget for alpha transparency support [gborelli]

0.1 (2009-06-19)

  • Initial release

Current Release
collective.z3cform.colorpicker 1.1

Released Jun 02, 2013 — tested with Plone 4.3, Plone 4.2, Plone 4.1, Plone 4, Plone 3

added installation profile and improved javascript code
More about this release…

Download file Get collective.z3cform.colorpicker for all platforms
If you are using Plone 3.2 or higher, you probably want to install this product with buildout. See our tutorial on installing add-on products with buildout for more information.

All Releases

Version Released Description Compatibility Licenses Status
1.1 Jun 02, 2013 added installation profile and improved javascript code More about this release…
Plone 4.3
Plone 4.2
Plone 4.1
Plone 4
Plone 3
GPL final
0.2 Oct 30, 2010 More about this release… final
0.1 More about this release… GPL beta