The reference section for the ColorField component states:
The ColorField lets the user enter a color hex value either directly or using a CQ.Ext.menu.ColorMenu.
I've looked through the reference and don't see any setting that allows the Author to enter a HEX value, just select from the default menu. How do you enable this? Also, is there a way to have both the picker and a hex field enabled in the UI (similar to Photoshop)?
The colorfield has the property "showHexValue" that is a boolean type. When this is set to "true", the colorfield will display the hexadecimal value for the color and this value is editable. Add in the additional property "showHexValue" as "true" will help.