📊 State of Magento 2025

The Home for Magento 2 Excellence

Quality-tested Magento 2 modules. Explore. Evaluate. Elevate. #magento2

606 Modules
385 Ready
218 Need Help
🏆 Leaderboard
Potentially Abandoned v1.1.3

MagePal Magento 2 System.xml Color Picker

magepal/magento2-color-picker

This extension adds a color picker frontend model to be used in system configuration fields.

13,542
Downloads
Below average
1
GitHub Stars
Below average
5y ago
Last Release
0
Open Issues
Build Passing
Ready to install

Build Tests

Composer Install
DI Compile
Templates

Code Quality

CS Coding Standard
2 warnings
PHPStan Level 9

Tested on Magento 2.4.8-p3

Recent Test History

Each release is tested against the latest Magento version at that time.

v1.1.3 on Magento 2.4.8-p3
Dec 15, 2025
v1.1.3 on Magento 2.4.8-p2
Aug 14, 2025
v1.1.3 on Magento 2.4.8
May 20, 2025
v1.1.3 on Magento 2.4.7-p4
Feb 15, 2025
v1.1.3 on Magento 2.4.7-p3
Oct 18, 2024
v1.1.3 on Magento 2.4.7-p2
Sep 8, 2024

+4 older tests

Share This Module's Status

MagePal Magento 2 System.xml Color Picker Magento compatibility status badge

README

Loaded from GitHub

MagePal Magento 2 System.xml Color Picker:

Magento 2 System.xml Color Picker

Installation

Step 1

Using Composer (recommended)
composer require magepal/magento2-color-picker
Manually
  • Download the extension
  • Unzip the file
  • Create a folder {Magento 2 root}/app/code/MagePal/ColorPicker
  • Copy the content from the unzip folder

Step 2 - Enable extension ("cd" to {Magento root} folder)

  php -f bin/magento module:enable --clear-static-content MagePal_ColorPicker
  php -f bin/magento setup:upgrade

Usage

<field id="color_picker" translate="label" type="text" sortOrder="2" showInDefault="1" showInWebsite="1" showInStore="1">
    <label>Color Picker</label>
    <frontend_model>MagePal\ColorPicker\Model\Config\Source\ColorPicker</frontend_model>
</field>

© MagePal LLC. | www.magepal.com

This content is fetched directly from the module's GitHub repository. We are not the authors of this content and take no responsibility for its accuracy, completeness, or any consequences arising from its use.