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 519.2k↑16.7%7[1 issues](https://github.com/silverstripe/silverstripe-colorpicker/issues)[2 PRs](https://github.com/silverstripe/silverstripe-colorpicker/pulls)JavaScriptCI failing Since Feb 3Pushed 1mo ago6 watchersCompare [ Source](https://github.com/silverstripe/silverstripe-colorpicker)[ Packagist](https://packagist.org/packages/silverstripe/colorpicker)[ RSS](/packages/silverstripe-colorpicker/feed)WikiDiscussions master Synced 1mo 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 32 — LowBetter than 72% of packages Maintenance56 Moderate activity, may be stable Popularity33 Limited adoption so far Community23 Small or concentrated contributor base Maturity16 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 [webbuilders-group/silverstripe-frontendgridfield Wraps gridfield adding support for using it on the front-end. 2029.8k1](/packages/webbuilders-group-silverstripe-frontendgridfield) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)