PHPackages                             orange35/magento2-color-picker-element - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. orange35/magento2-color-picker-element

ActiveMagento2-module[Utility & Helpers](/categories/utility)

orange35/magento2-color-picker-element
======================================

Color Picker Element

1.0.2(5y ago)02841OSL-3.0JavaScriptPHP ~5.5.0|~5.6.0|~7.0.6|~7.1.0|~7.2.0|~7.3.0|~7.4.0

Since Dec 10Pushed 5y ago1 watchersCompare

[ Source](https://github.com/orange35/magento2-color-picker-element)[ Packagist](https://packagist.org/packages/orange35/magento2-color-picker-element)[ RSS](/packages/orange35-magento2-color-picker-element/feed)WikiDiscussions master Synced today

READMEChangelogDependenciesVersions (4)Used By (0)

**Color Picker Element** is a Magento 2 module with the following features:

1. `orange35ColorPickerElement` - uiClass for an input based on jQuery colorpicker. Shows chosen color as input background and shows color hex code as input text in contrast with background.
2. `Orange35\ColorPickerElement\Data\Form\Element\Color` - element for system configuration

Installation
------------

[](#installation)

```
composer require orange35/magento2-color-picker-element

```

Usage
-----

[](#usage)

### Add element in system configuration

[](#add-element-in-system-configuration)

```

    Color

```

### Attach to input

[](#attach-to-input)

**Example 1:**

```

{
    "color-element-id": {
        "orange35ColorPickerElement": {}
    }
}

```

**Example 2:**

```

```

###  Health Score

28

—

LowBetter than 54% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity12

Limited adoption so far

Community5

Small or concentrated contributor base

Maturity63

Established project with proven stability

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~333 days

Total

3

Last Release

2043d ago

PHP version history (3 changes)1.0.0PHP ~5.5.0|~5.6.0|~7.0.6|~7.1.0

1.0.1PHP ~5.5.0|~5.6.0|~7.0.6|~7.1.0|~7.2.0

1.0.2PHP ~5.5.0|~5.6.0|~7.0.6|~7.1.0|~7.2.0|~7.3.0|~7.4.0

### Community

Maintainers

![](https://www.gravatar.com/avatar/142371bdccd6fca487c68463b494b6cb4d729b13503cab1c664fc7dc70a8568e?d=identicon)[orange35](/maintainers/orange35)

### Embed Badge

![Health badge](/badges/orange35-magento2-color-picker-element/health.svg)

```
[![Health](https://phpackages.com/badges/orange35-magento2-color-picker-element/health.svg)](https://phpackages.com/packages/orange35-magento2-color-picker-element)
```

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)