Color Picker

What this plugin does

The Color Picker plugin transforms standard text input fields into visual color selection interfaces inside the Flotiq content editor. Instead of asking editors to type hex color codes manually — which is error-prone and unintuitive — the plugin renders a full color picker widget in place of the text input, storing the selected color as a hex value in the field. After saving the plugin configuration, the selected string fields in your content type are automatically updated with a regex validation pattern to ensure only valid hex color codes can be saved. This validation is applied at the field level and should be kept intact to maintain data consistency. For design-system-aware teams, the plugin supports uploading a custom JSON color palette. The palette can define named colors (e.g. primary-100, secondary-500) or simple hex arrays, and these swatches replace the open-ended color wheel — ensuring editors always pick from your approved brand colors rather than arbitrary values.