Joomla color Form Field Type

The color field provides a color picker. Enter the color as #ff00ff or pick it from the palettte.

XML Definition

<field name="backgroundcolor" 
 type="color"
 default="#eee"
 format="rgba"
 label="Background Color" />

Additional Parameters

format: It allows you to select the type of colour format - hex, rgb, rgba. The default value is hex.

control: It defines how the color picker is displayed - simple, slider, advanced. The default value is advanced.

colors: For simple control, you can add colors here as comma separated list or leave empty to use default colors. For example, colors="none,#ffffff,#000000"

display: For slider control, you can add which sliders to display - hue, saturation, light, alpha.

preview: Set this o true or false for slider control. The default value is false.

Examples

1. Atum Template (Slider Control)

<field
 name="hue"
 type="color"
 label="TPL_ATUM_COLORS_HUE"
 format="hue"
 control="slider"
 preview="true"
 saveFormat="hsl"
 default="hsl(214,63%,20%)" />

2. Atum Template (Default Control)

<field
 name="bg-light"
 type="color"
 label="TPL_ATUM_COLORS_SETTINGS_BG_LIGHT_LABEL"
 default="#f0f4fb"
 filter="color" />