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

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

outl1ne/nova-color-field
========================

A Laravel Nova Color Picker field.

3.0.0(3w ago)26263.8k↓59.7%29[5 issues](https://github.com/outl1ne/nova-color-field/issues)[2 PRs](https://github.com/outl1ne/nova-color-field/pulls)MITVuePHP >=8.0

Since Dec 15Pushed 3w ago1 watchersCompare

[ Source](https://github.com/outl1ne/nova-color-field)[ Packagist](https://packagist.org/packages/outl1ne/nova-color-field)[ RSS](/packages/outl1ne-nova-color-field/feed)WikiDiscussions master Synced 2d ago

READMEChangelog (10)Dependencies (6)Versions (15)Used By (0)

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

[](#nova-color-field)

[![Latest Version on Packagist](https://camo.githubusercontent.com/2f6eb6e909bf9317a544e5a486dc0828258da000f2e0fa8c1ab3870858cd7589/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6f75746c316e652f6e6f76612d636f6c6f722d6669656c642e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/outl1ne/nova-color-field)[![Total Downloads](https://camo.githubusercontent.com/1f907717b07f409dd2ebf47812a62af38fabe4b1869e1cb6b0007c8941c990da/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6f75746c316e652f6e6f76612d636f6c6f722d6669656c642e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/outl1ne/nova-color-field)

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

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

[](#requirements)

- `php: >=8.0`
- `laravel/nova: ^4.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 outl1ne/nova-color-field
```

Usage
-----

[](#usage)

### General

[](#general)

```
use Outl1ne\NovaColorField\Color;

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

### Themes

[](#themes)

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

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

```
use Outl1ne\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')
  ->compactTheme()
  ->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

60

—

FairBetter than 98% of packages

Maintenance91

Actively maintained with recent releases

Popularity47

Moderate usage in the ecosystem

Community21

Small or concentrated contributor base

Maturity66

Established project with proven stability

 Bus Factor1

Top contributor holds 59.2% 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.

###  Release Activity

Cadence

Every ~154 days

Recently: every ~332 days

Total

14

Last Release

24d ago

Major Versions

1.2.1 → 2.0.02022-05-24

1.2.3 → 2.0.22022-10-21

2.0.3 → 3.0.02026-06-09

PHP version history (2 changes)1.0.0PHP >=7.2.0

2.0.0PHP >=8.0

### Community

Maintainers

![](https://www.gravatar.com/avatar/f1c2970763f51ca6ffcc1f1b6971a472b6b36a74d5eeb5446fb9d1caab44d016?d=identicon)[Tarpsvo](/maintainers/Tarpsvo)

---

Top Contributors

[![Tarpsvo](https://avatars.githubusercontent.com/u/2018660?v=4)](https://github.com/Tarpsvo "Tarpsvo (45 commits)")[![timothyasp](https://avatars.githubusercontent.com/u/707699?v=4)](https://github.com/timothyasp "timothyasp (14 commits)")[![ianrobertsFF](https://avatars.githubusercontent.com/u/91917328?v=4)](https://github.com/ianrobertsFF "ianrobertsFF (5 commits)")[![dongilbert](https://avatars.githubusercontent.com/u/718028?v=4)](https://github.com/dongilbert "dongilbert (4 commits)")[![Yuq140](https://avatars.githubusercontent.com/u/44531835?v=4)](https://github.com/Yuq140 "Yuq140 (2 commits)")[![p-jrv](https://avatars.githubusercontent.com/u/51167113?v=4)](https://github.com/p-jrv "p-jrv (1 commits)")[![marvinrabe](https://avatars.githubusercontent.com/u/515860?v=4)](https://github.com/marvinrabe "marvinrabe (1 commits)")[![AzadGh95](https://avatars.githubusercontent.com/u/46772227?v=4)](https://github.com/AzadGh95 "AzadGh95 (1 commits)")[![jorgv](https://avatars.githubusercontent.com/u/32174909?v=4)](https://github.com/jorgv "jorgv (1 commits)")[![ahinkle](https://avatars.githubusercontent.com/u/17038330?v=4)](https://github.com/ahinkle "ahinkle (1 commits)")[![mertasan](https://avatars.githubusercontent.com/u/13007665?v=4)](https://github.com/mertasan "mertasan (1 commits)")

---

Tags

laravelfieldcolor pickernova

###  Code Quality

Code StylePHP CS Fixer

### Embed Badge

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

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

###  Alternatives

[timothyasp/nova-color-field

A Laravel Nova Color Picker field.

771.7M6](/packages/timothyasp-nova-color-field)[optimistdigital/nova-color-field

A Laravel Nova Color Picker field.

26256.9k](/packages/optimistdigital-nova-color-field)[markwalet/nova-modal-response

A Laravel Nova asset for Modal responses on an action.

17878.9k](/packages/markwalet-nova-modal-response)[alexwenzel/nova-dependency-container

A Laravel Nova 4 form container for grouping fields that depend on other field values.

471.1M2](/packages/alexwenzel-nova-dependency-container)[optimistdigital/nova-notes-field

This Laravel Nova package adds a notes field to Nova's arsenal of fields.

52145.0k](/packages/optimistdigital-nova-notes-field)[optimistdigital/nova-inline-text-field

A Laravel Nova inline text field.

2322.8k](/packages/optimistdigital-nova-inline-text-field)

PHPackages © 2026

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