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)
```

###  Alternatives

[rs/laravel-version-control

Foundations for making your app version controlled. Provides migration, blueprint and base models. Will make your app GxP compliant if you exclusively use the VC models and table structure as set out in this package.

1227.5k](/packages/rs-laravel-version-control)[mad-web/laravel-seoable

Easy to map your eloquent fields to seo properties

407.6k](/packages/mad-web-laravel-seoable)

PHPackages © 2026

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