djstarcom/nova-color-field

A Laravel Nova Color Picker field.

3.0 2025-11-02 14:38 UTC

Requires

• php: >=8.0
• ext-json: *
• laravel/nova: ^5.0

Requires (Dev)

• friendsofphp/php-cs-fixer: ^3
• orchestra/testbench: ^9
• roave/security-advisories: dev-latest

MIT

• outl1ne
• Stanislav Tsepeniuk

• nova
• laravel
• field
• color picker

README

This Laravel Nova package adds a color picker to Nova's arsenal of fields.

Requirements

• php: >=8.0
• laravel/nova: ^5.0

Features

A simple Nova Color field utilizing vue-color.

Forked from timothyasp/nova-color-field and brought up to date with improvements.

Screenshots

Installation

Install the package in to a Laravel app that uses Nova via composer:

composer require djstarcom/nova-color-field

Usage

General

use DJStarCOM\NovaColorField\Color;

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

Themes

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

See the theme demos here.

use DJStarCOM\NovaColorField\Color;

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

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

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

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

Credits

• Tarvo Reinpalu
• Timothy Asp
• Don Gilbert
• marvinrabe

License

Nova Color Field is open-sourced software licensed under the MIT license.