Standard Joomla XML field type - Color

Field type Joomla XML – Color works in Joomla versions: 2.5 and higher.

Standard field typeJoomla XML – Color adds a text box with a color palette where you can enter a color code or select the desired color from the palette. The data in the field can be filled in several formats.

The standard Joomla Color field type supports attributes:

name - system field name (field identifier).
type - field type, in this case «color».
default - sets the default value of the field.
format - specifies the color format in the field as it will be saved in the settings. Can be rgb, rgba and hex.
label - displayed field name.
description - displayed field description. In Joomla 3 it is displayed as a tooltip when hovering over the field name.

Option 1: RGB format.

An example of displaying the Color field type (RGB format) in the Joomla 3 admin panel:

If you place the cursor in a field, a color selection palette opens next to the field:

Example of displaying Color field type (RGB format) in Joomla 4 and Joomla 5 admin panel:

If you place the cursor in a field, a color selection palette opens next to the field:

The Color field code (RGB format) from the image in the XML document looks like this:

				
					<field 
       name="mycolor"
       type="color"
       format="rgb"
       label="Choose a color" 
       description="Select or enter a color in RGB format."/>

Option 2: RGBA format.

An example of displaying the Color field type (RGBA format) in the Joomla 3 admin panel:

If you place the cursor in a field, a color selection palette opens next to the field:

Example of displaying Color field type (RGBA format) in Joomla 4 and Joomla 5 admin panel:

If you place the cursor in a field, a color selection palette opens next to the field:

The Color field code (RGBA format) from the image in the XML document looks like this:

				
					<field 
       name="mycolor"
       type="color"
       format="rgba"
       label="Choose a color" 
       description="Select or enter a color in RGBA format."/>

Option 3: HEX format.

An example of displaying the Color field type (HEX format) in the Joomla 3 admin panel:

If you place the cursor in a field, a color selection palette opens next to the field:

Example of displaying the Color field type (HEX format) in the Joomla 4 and Joomla 5 admin panel:

If you place the cursor in a field, a color selection palette opens next to the field:

The Color field code (HEX format) from the image in the XML document looks like this:

				
					<field 
       name="mycolor"
       type="color"
       format="hex"
       label="Choose a color" 
       description="Select or enter a color in HEX format."/>

Please note

Do you need help creating an XML file? Email us at admin@iws.by and we'll help you.

Standard Joomla XML field type – Color