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

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

timothyasp/nova-color-field
===========================

A Laravel Nova Color Picker field.

v2.0.2(2y ago)781.6M—3.3%22[1 PRs](https://github.com/timothyasp/nova-color-field/pulls)5MITVuePHP >=7.1.0

Since Aug 25Pushed 2y ago2 watchersCompare

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

READMEChangelog (3)Dependencies (1)Versions (10)Used By (5)

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

[](#laravel-nova-color-field)

Now works with Laravel Nova v4!

---

If you still are using Nova v1-v3, use v1.0.4 of this field.

Dead simple Laravel Nova Color field. Includes a color picker from the `vue-color` component.

### Details Page

[](#details-page)

[![details page color input](https://camo.githubusercontent.com/26a6bcf566db967272e3a7ab00c0991aa922363a2f32eb1a3541f285c8604e6f/68747470733a2f2f63646e2d70726f2e64707263646e2e6e65742f66696c65732f6163635f3436353631322f6a4932783147)](https://camo.githubusercontent.com/26a6bcf566db967272e3a7ab00c0991aa922363a2f32eb1a3541f285c8604e6f/68747470733a2f2f63646e2d70726f2e64707263646e2e6e65742f66696c65732f6163635f3436353631322f6a4932783147)

### Index

[](#index)

[![index color](https://camo.githubusercontent.com/ef3e9fe1e8730a938e71d2d024647b08c91e23516ca63dc54078547be1ea4e00/68747470733a2f2f63646e2d70726f2e64707263646e2e6e65742f66696c65732f6163635f3436353631322f566e57627435)](https://camo.githubusercontent.com/ef3e9fe1e8730a938e71d2d024647b08c91e23516ca63dc54078547be1ea4e00/68747470733a2f2f63646e2d70726f2e64707263646e2e6e65742f66696c65732f6163635f3436353631322f566e57627435)

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

[](#installation)

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

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

Usage
-----

[](#usage)

In your resource class, add the following to your `fields` method:

```
use Timothyasp\Color\Color;

....

Color::make("Field");
```

This will add the color picker to your resource, using vue-color's "slider" component by default. If you'd like to leverage another vue-color component, you can do so by calling that component's name as a method after `Color::make()`:

```
use Timothyasp\Color\Color;

....

Color::make('Field')->compact()
// or
Color::make('Field')->slider()
```

and so on. You can use any one of: `chrome, compact, grayscale, material, photoshop, sketch, slider, swatches, twitter`.

Palette support for adding custom colors to some of the pickers is also available:

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

```

Credits
-------

[](#credits)

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

Built for [QuizGriz - the #1 online trivia and quiz game site](https://grizly.com)

License
-------

[](#license)

The MIT License (MIT). Please see [License File](LICENSE.md) for more information.

###  Health Score

44

—

FairBetter than 92% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity55

Moderate usage in the ecosystem

Community25

Small or concentrated contributor base

Maturity63

Established project with proven stability

 Bus Factor1

Top contributor holds 66.7% 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 ~253 days

Recently: every ~393 days

Total

8

Last Release

1048d ago

Major Versions

1.0.4 → v2.0.02022-06-24

### Community

Maintainers

![](https://www.gravatar.com/avatar/67adbfbd8d335d3761cf116580462b4157dfdd681b1155114e97365f803c1e1b?d=identicon)[timothyasp](/maintainers/timothyasp)

---

Top Contributors

[![timothyasp](https://avatars.githubusercontent.com/u/707699?v=4)](https://github.com/timothyasp "timothyasp (16 commits)")[![dongilbert](https://avatars.githubusercontent.com/u/718028?v=4)](https://github.com/dongilbert "dongilbert (4 commits)")[![ahinkle](https://avatars.githubusercontent.com/u/17038330?v=4)](https://github.com/ahinkle "ahinkle (1 commits)")[![jorgv](https://avatars.githubusercontent.com/u/32174909?v=4)](https://github.com/jorgv "jorgv (1 commits)")[![marvinrabe](https://avatars.githubusercontent.com/u/515860?v=4)](https://github.com/marvinrabe "marvinrabe (1 commits)")[![yaroslawww](https://avatars.githubusercontent.com/u/23663794?v=4)](https://github.com/yaroslawww "yaroslawww (1 commits)")

---

Tags

laravelfieldcolor pickernova

### Embed Badge

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

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

###  Alternatives

[outl1ne/nova-color-field

A Laravel Nova Color Picker field.

26249.4k](/packages/outl1ne-nova-color-field)[alexwenzel/nova-dependency-container

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

461.0M2](/packages/alexwenzel-nova-dependency-container)[simplesquid/nova-enum-field

A Laravel Nova field to add enums to resources.

52391.9k2](/packages/simplesquid-nova-enum-field)[outhebox/nova-hidden-field

A Laravel Nova Hidden field.

33562.2k1](/packages/outhebox-nova-hidden-field)[sietse85/nova-button

(Nova 4+) A Laravel Nova package for adding buttons to your resources.

37347.3k](/packages/sietse85-nova-button)[inspheric/nova-defaultable

Default values for Nova fields when creating resources and running resource actions.

51174.8k1](/packages/inspheric-nova-defaultable)

PHPackages © 2026

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