PHPackages                             phs/silverstripe-spectrum-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. phs/silverstripe-spectrum-colorpicker

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

phs/silverstripe-spectrum-colorpicker
=====================================

Silvertripe colorpicker field based on Spectrum colorpicker.

13232[1 issues](https://github.com/PHSDigitalAgency/silverstripe-spectrum-colorpicker/issues)[1 PRs](https://github.com/PHSDigitalAgency/silverstripe-spectrum-colorpicker/pulls)PHP

Since Feb 18Pushed 9y ago2 watchersCompare

[ Source](https://github.com/PHSDigitalAgency/silverstripe-spectrum-colorpicker)[ Packagist](https://packagist.org/packages/phs/silverstripe-spectrum-colorpicker)[ RSS](/packages/phs-silverstripe-spectrum-colorpicker/feed)WikiDiscussions master Synced today

READMEChangelogDependenciesVersions (1)Used By (0)

[![Scrutinizer Code Quality](https://camo.githubusercontent.com/404159558fa2fddefaf486fa6196bc6defb6bff7106a8f594c30131d22a2e872/68747470733a2f2f7363727574696e697a65722d63692e636f6d2f672f5048534469676974616c4167656e63792f73696c7665727374726970652d737065637472756d2d636f6c6f727069636b65722f6261646765732f7175616c6974792d73636f72652e706e673f623d6d6173746572)](https://scrutinizer-ci.com/g/PHSDigitalAgency/silverstripe-spectrum-colorpicker/?branch=master)[![Build Status](https://camo.githubusercontent.com/d7d7e4a8369ff3f77516fa79ba490ccac6811beac859b68c440bada5a2b88605/68747470733a2f2f7363727574696e697a65722d63692e636f6d2f672f5048534469676974616c4167656e63792f73696c7665727374726970652d737065637472756d2d636f6c6f727069636b65722f6261646765732f6275696c642e706e673f623d6d6173746572)](https://scrutinizer-ci.com/g/PHSDigitalAgency/silverstripe-spectrum-colorpicker/build-status/master)

Silverstripe Spectrum Colorpicker
=================================

[](#silverstripe-spectrum-colorpicker)

Yet another custom colorpicker field for Silverstripe based on Spectrum colorpicker ().

Usage
-----

[](#usage)

```
$colorPicker = ColorpickerField::create('ColorPicker', 'ColorPickerTitle', '#ff0');

$colorPicker->setOptions(
  array(
    'allowEmpty' => true,
    'showInitial' => true,
    'showInput' => true,
    'showAlpha' => true,
    'showPalette' => true,
    'preferredFormat' => 'rgb',
    'palette' => array(
      array("#000","#444","#666","#999","#ccc","#eee","#f3f3f3","#fff"),
      array("#f00","#f90","#ff0","#0f0","#0ff","#00f","#90f","#f0f"),
    ),
  ));

```

Polyfill support
----------------

[](#polyfill-support)

`$colorPicker->setColorMode();`

Options
-------

[](#options)

```
array(
  'color' => false,
  'flat' => false,
  'showInput' => false,
  'allowEmpty' => false,
  'showButtons' => true,
  'clickoutFiresChange' => true,
  'showInitial' => false,
  'showPalette' => false,
  'showPaletteOnly' => false,
  'hideAfterPaletteSelect' => false,
  'togglePaletteOnly' => false,
  'showSelectionPalette' => true,
  'localStorageKey' => false,
  'appendTo' => "body",
  'maxSelectionSize' => 7,
  'cancelText' => "cancel",
  'chooseText' => "choose",
  'togglePaletteMoreText' => "more",
  'togglePaletteLessText' => "less",
  'clearText' => "Clear Color Selection",
  'noColorSelectedText' => "No Color Selected",
  'preferredFormat' => false,
  'containerClassName' => "",
  'replacerClassName' => "",
  'showAlpha' => false,
  'theme' => "sp-light",
  'palette' => array("#ffffff", "#000000", "#ff0000", "#ff8000", "#ffff00", "#008000", "#0000ff", "#4b0082", "#9400d3"),
  'selectionPalette' => [],
  'disabled' => false,
  'offset' => null
)

```

TODO
----

[](#todo)

Implement Javascript events and more...

###  Health Score

18

—

LowBetter than 8% of packages

Maintenance0

Infrequent updates — may be unmaintained

Popularity16

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity41

Maturing project, gaining track record

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://www.gravatar.com/avatar/733d89a4646d8cfb8e1374a8fee2fb6267ac0780beb91538189271c7c70f08a9?d=identicon)[zhypoi](/maintainers/zhypoi)

### Embed Badge

![Health badge](/badges/phs-silverstripe-spectrum-colorpicker/health.svg)

```
[![Health](https://phpackages.com/badges/phs-silverstripe-spectrum-colorpicker/health.svg)](https://phpackages.com/packages/phs-silverstripe-spectrum-colorpicker)
```

PHPackages © 2026

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