One of the new components in RichFaces 3.3.1 is rich:colorPicker. The component is based on jQuery widget and has the same functionality and events. Using the component is straight forward. Here is an example.
JSF page:
<h:outputText id="text" value="RichFaces is cool!" style="font-size: x-large; color: #{colorBean.color}"/> <h:form> <rich:colorPicker value="#{colorBean.color}"> <a4j:support event="onchange" reRender="text"/> </rich:colorPicker> </h:form>
Initial rendering and opening the picker:

After color selection:

Post to del.icio.us