Output

You can access a RockColorPicker field like any other ProcessWire field: $page->your_field_name.

Like with any other field, this call can return two types of values: Formatted and Unformatted:

RockColorPicker - Output

Formatted value

The formatted value is a string that is equal to the array key of your defined color:

RockColorPicker - Output

Unformatted value

The unformatted value is a WireData object that holds all defined and calculated values for the picked color:

RockColorPicker - Output

As you can see, the "style" property is not useful in this case. This is only useful for regular color elements having a hex code or such.

Naming of these props could probably be improved. Feel free to open an issue or even better: Submit a PR 😉

Empty value

If no color is picked, the field will return FALSE for the formatted value and an empty WireData object for the unformatted value:

RockColorPicker - Output