PHPackages                             everzel/nova-color-field - 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. everzel/nova-color-field

ActiveLibrary[Utility & Helpers](/categories/utility)

everzel/nova-color-field
========================

A Laravel Nova Color Picker field.

051Vue

Since May 4Pushed 4y ago1 watchersCompare

[ Source](https://github.com/everzel/nova-color-field)[ Packagist](https://packagist.org/packages/everzel/nova-color-field)[ RSS](/packages/everzel-nova-color-field/feed)WikiDiscussions main Synced 4w ago

READMEChangelogDependenciesVersions (1)Used By (0)

Nova Color Field
================

[](#nova-color-field)

[![Latest Version on Packagist](https://camo.githubusercontent.com/ce8153a68bad7a9f21e16fb8df12c2ec01b6891158846e3b51c014f9bdb1af9b/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6f7074696d6973746469676974616c2f6e6f76612d636f6c6f722d6669656c642e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/optimistdigital/nova-color-field)[![Total Downloads](https://camo.githubusercontent.com/6126e6ff10b62b042f7f1b581f11129847441284385f93964d13b54ed64de1c8/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6f7074696d6973746469676974616c2f6e6f76612d636f6c6f722d6669656c642e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/optimistdigital/nova-color-field)

This [Laravel Nova](https://nova.laravel.com/) package adds a color picker to Nova's arsenal of fields.

Requirements
------------

[](#requirements)

- `php: >=7.2`
- `laravel/nova: ^3.0`

Features
--------

[](#features)

A simple Nova Color field utilizing [vue-color](https://github.com/xiaokaike/vue-color).

Forked from [timothyasp/nova-color-field](https://github.com/timothyasp/nova-color-field) and brought up to date with improvements.

Screenshots
-----------

[](#screenshots)

[![Form page](./docs/form.png)](./docs/form.png)[![Details page](./docs/detail.png)](./docs/detail.png)

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

[](#installation)

Install the package in to a Laravel app that uses [Nova](https://nova.laravel.com) via composer:

```
composer require everzel/nova-color-field
```

Usage
-----

[](#usage)

### General

[](#general)

```
use Everzel\NovaColorField\Color;

public function fields(Request $request) {
    Color::make('Color'),
}
```

### Themes

[](#themes)

Available themes: `chrome, compact, grayscale, material, photoshop, sketch, slider, swatches, twitter`.

See the theme demos [here](http://xiaokaike.github.io/vue-color/).

```
use Everzel\NovaColorField\Color;

public function fields(Request $request) {
    Color::make('Color')->photoshop(),
    Color::make('Color')->swatches(),
    // ...
}
```

### Customizing save and display formats

[](#customizing-save-and-display-formats)

If you would like to display and save the color in a format other than `hex`, you can use the `->displayAs('hex')` and `->saveAs('hex')` helpers.

Available options are: `rgb, rgba, hex, hex8, hsl`.

```
Color::make('Color')
  ->chrome()
  ->displayAs('hex8')
  ->saveAs('hex8'),
```

### Palettes

[](#palettes)

Adding custom pallette colors to the pickers can be done like so:

```
Color::make('Color')
  ->compact()
  ->palette(['#beaf00', '#DEADAF', '#000']);
```

Credits
-------

[](#credits)

- [Tarvo Reinpalu](https://github.com/tarpsvo)
- [Timothy Asp](https://github.com/timothyasp)
- [Don Gilbert](https://github.com/dongilbert)
- [marvinrabe](https://github.com/marvinrrabe)

License
-------

[](#license)

Nova Color Field is open-sourced software licensed under the [MIT license](LICENSE.md).

###  Health Score

15

—

LowBetter than 3% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity5

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity25

Early-stage or recently created project

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

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/aed614ee80e0cf0c5f9889da3423c9ac36c679434dc0583016719fc1f2aeae00?d=identicon)[zelvad](/maintainers/zelvad)

---

Top Contributors

[![everzel](https://avatars.githubusercontent.com/u/91853349?v=4)](https://github.com/everzel "everzel (1 commits)")

### Embed Badge

![Health badge](/badges/everzel-nova-color-field/health.svg)

```
[![Health](https://phpackages.com/badges/everzel-nova-color-field/health.svg)](https://phpackages.com/packages/everzel-nova-color-field)
```

PHPackages © 2026

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