PHPackages                             kak/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. kak/colorpicker

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

kak/colorpicker
===============

color picker widgets for Yii2

v1.0.0(6y ago)02.7k↓50%MITJavaScript

Since Mar 9Pushed 6y ago1 watchersCompare

[ Source](https://github.com/sanchezzzhak/kak-color-picker)[ Packagist](https://packagist.org/packages/kak/colorpicker)[ RSS](/packages/kak-colorpicker/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (1)Dependencies (1)Versions (2)Used By (0)

ColorPiker widgets for Yii2
---------------------------

[](#colorpiker-widgets-for-yii2)

The preferred way to install this extension is through [composer](http://getcomposer.org/download/).

Either run

```
php composer.phar require --prefer-dist kak/colorpicker "*"

```

This package contains 2 widgets `InputColor`, `InputGradient`

Input Color
===========

[](#input-color)

Preview
-------

[](#preview)

[![](https://camo.githubusercontent.com/566e6062300eef3e3a5eda4741e6817eaaf4fc95b9d5c03cbe50fc61f87c7787/68747470733a2f2f646f63732e676f6f676c652e636f6d2f64726177696e67732f642f652f32504143582d3176524362673430784c6b4f6d2d386c414d4a5547674575686b78524445656e314c7773674b64345276397a68587a356e48337730744766524f4d48664a6871386a704e6d414f4979474675595970502f7075623f773d33313426683d353432)](https://camo.githubusercontent.com/566e6062300eef3e3a5eda4741e6817eaaf4fc95b9d5c03cbe50fc61f87c7787/68747470733a2f2f646f63732e676f6f676c652e636f6d2f64726177696e67732f642f652f32504143582d3176524362673430784c6b4f6d2d386c414d4a5547674575686b78524445656e314c7773674b64345276397a68587a356e48337730744766524f4d48664a6871386a704e6d414f4979474675595970502f7075623f773d33313426683d353432)

Usage
-----

[](#usage)

Once the extension is installed, simply use it in your code by :

```