PHPackages silverstripe/colorpicker - 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. silverstripe/colorpicker ActiveSilverstripe-vendormodule[Utility & Helpers](/categories/utility) silverstripe/colorpicker ======================== Color picker fields built in react 520.0k—3.1%7[3 issues](https://github.com/silverstripe/silverstripe-colorpicker/issues)[2 PRs](https://github.com/silverstripe/silverstripe-colorpicker/pulls)JavaScriptCI failing Since Mar 4Pushed 4mo ago6 watchersCompare [ Source](https://github.com/silverstripe/silverstripe-colorpicker)[ Packagist](https://packagist.org/packages/silverstripe/colorpicker)[ RSS](/packages/silverstripe-colorpicker/feed)WikiDiscussions master Synced 2w ago READMEChangelogDependenciesVersions (4)Used By (0) Colorpicker Module ================== [](#colorpicker-module) [![Build Status](https://camo.githubusercontent.com/375ddbac9d3dbf9007ad1b04347e1190266222aa4b8ab40465ffff23a430e504/68747470733a2f2f7472617669732d63692e6f72672f73696c7665727374726970652f73696c7665727374726970652d636f6c6f727069636b65722e7376673f6272616e63683d6d6173746572)](https://travis-ci.org/silverstripe/silverstripe-colorpicker)[![Scrutinizer Code Quality](https://camo.githubusercontent.com/28e6ef77891f8809338105fb070418777bb773672fa819eff0fa075de8c3325c/68747470733a2f2f7363727574696e697a65722d63692e636f6d2f672f73696c7665727374726970652f73696c7665727374726970652d636f6c6f727069636b65722f6261646765732f7175616c6974792d73636f72652e706e673f623d6d6173746572)](https://scrutinizer-ci.com/g/silverstripe/silverstripe-colorpicker/?branch=master)[![codecov](https://camo.githubusercontent.com/0c20a682fb07eed400db4eab248a6015792a333d8890898766cbcda4bb0b8fb7/68747470733a2f2f636f6465636f762e696f2f67682f73696c7665727374726970652f73696c7665727374726970652d636f6c6f727069636b65722f6272616e63682f6d61737465722f67726170682f62616467652e737667)](https://codecov.io/gh/silverstripe/silverstripe-colorpicker) This module adds a color picker field which can be used anywhere in the CMS. In order to keep the site accessible, custom color selection is not implemented. Installation ------------ [](#installation) To install this module, you can do so with Composer: ``` composer require silverstripe/colorpicker ``` Usage ----- [](#usage) You can use the `ColorPickerField` as follows: ``` public function getCMSFields() { $fields = parent::getCMSFields(); $fields->addFieldsToTab( 'Root.Main', [ ColorPickerField::create( 'MyColorField', _t( __CLASS__ . '.MyColorField', 'My Color Field' ), [ [ 'Title' => 'Red', 'CSSClass' => 'red', 'Color' => '#E51016', ], [ 'Title' => 'Blue', 'CSSClass' => 'blue', 'Color' => '#1F6BFE', ], [ 'Title' => 'Green', 'CSSClass' => 'green', 'Color' => '#298436', ] ] ) ] ); return $fields; } ``` Versioning ---------- [](#versioning) This library follows [Semver](http://semver.org). According to Semver, you will be able to upgrade to any minor or patch version of this library without any breaking changes to the public API. Semver also requires that we clearly define the public API for this library. All methods, with `public` visibility, are part of the public API. All other methods are not part of the public API. Where possible, we'll try to keep `protected` methods backwards-compatible in minor/patch versions, but if you're overriding methods then please test your work before upgrading. ### Health Score 28 — LowBetter than 51% of packages Maintenance38 Infrequent updates — may be unmaintained Popularity33 Limited adoption so far Community23 Small or concentrated contributor base Maturity17 Early-stage or recently created project Bus Factor2 2 contributors hold 50%+ of commits 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. ### Community Maintainers ![](https://avatars.githubusercontent.com/u/654636?v=4)[Aaron Carlino](/maintainers/unclecheese)[@unclecheese](https://github.com/unclecheese) ![](https://www.gravatar.com/avatar/b0cba8b534e20e6ab4fff555a97b237a18436ebca1446fc0b29c8a8b504038b9?d=identicon)[GuySartorelli](/maintainers/GuySartorelli) ![](https://avatars.githubusercontent.com/u/111025?v=4)[Ingo Schommer](/maintainers/chillu)[@chillu](https://github.com/chillu) ![](https://www.gravatar.com/avatar/a25bc04c5720a36869d5a39c6449dde7eb43e19b7c8e666d5f632d6a9ab440b1?d=identicon)[emteknetnz](/maintainers/emteknetnz) ![](https://www.gravatar.com/avatar/afbb3dcc9ef29c1a6eedd6addcae5fce9ab1271915a85a4c349301b71237368d?d=identicon)[silverstripe-machine01](/maintainers/silverstripe-machine01) ![](https://avatars.githubusercontent.com/u/1168676?v=4)[Maxime Rainville](/maintainers/maxime-rainville)[@maxime-rainville](https://github.com/maxime-rainville) --- Top Contributors [![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (33 commits)")[![michalkleiner](https://avatars.githubusercontent.com/u/233342?v=4)](https://github.com/michalkleiner "michalkleiner (27 commits)")[![chillu](https://avatars.githubusercontent.com/u/111025?v=4)](https://github.com/chillu "chillu (6 commits)")[![robbieaverill](https://avatars.githubusercontent.com/u/5170590?v=4)](https://github.com/robbieaverill "robbieaverill (4 commits)")[![bergice](https://avatars.githubusercontent.com/u/541886?v=4)](https://github.com/bergice "bergice (2 commits)")[![davidcolquhoun](https://avatars.githubusercontent.com/u/9343646?v=4)](https://github.com/davidcolquhoun "davidcolquhoun (1 commits)")[![mooror](https://avatars.githubusercontent.com/u/6110819?v=4)](https://github.com/mooror "mooror (1 commits)") ### Embed Badge ![Health badge](/badges/silverstripe-colorpicker/health.svg) ``` [![Health](https://phpackages.com/badges/silverstripe-colorpicker/health.svg)](https://phpackages.com/packages/silverstripe-colorpicker) ``` ### Alternatives [thomas-schulz/symfony-meta PhpStorm meta data for expected arguments completion in symfony projects. 9060.3k](/packages/thomas-schulz-symfony-meta)[adigital/help-links Define useful links to be added to the dashboard for clients. 102.0k](/packages/adigital-help-links) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)