Color Picker Gone are the days to manually enter in hex codes to select colors.
Inline:
Popup:

Selected Colors
Inline color:
Popup color:
<h:form>          
    <h:panelGrid columns="2" cellpadding="5" style="margin-left: 20px">
        <h:outputText value="Inline: " />
        <p:colorPicker value="#{colorView.colorInline}" mode="inline" />

        <h:outputText value="Popup: " />
        <p:colorPicker value="#{colorView.colorPopup}" />                   
    </h:panelGrid>

    <p:separator />

    <p:commandButton value="Submit" oncomplete="PF('dlg').show();" update="grid" style="margin-left: 20px" />

    <p:dialog modal="true" widgetVar="dlg" showEffect="fade" hideEffect="fade" header="Selected Colors" resizable="false">
        <h:panelGrid id="grid" columns="2" cellpadding="5">
            <h:outputText value="Inline color: " />
            <h:outputText value="#{colorView.colorInline}" style="background-color: \##{colorView.colorInline}" />

            <h:outputText value="Popup color: " />
            <h:outputText value="#{colorView.colorPopup}" style="background-color: \##{colorView.colorPopup}" />
        </h:panelGrid>
    </p:dialog> 
</h:form>
                
PrimeTek, Copyright © 2015
All rights reserved.
Running PrimeFaces-6.0.12 on Mojarra-2.2.8.