カラーの取得・管理、カラーパレットの作成、画像からカラー抽出などいろいろできてしまう便利なカラーツール -Kelir
Post on:2016年9月14日
カラーピッカーはいろいろありますが、これは決定版では? というくらい便利なOS X用の無料ツールを紹介します。
カラーピッカーとしてはもちろん、カラーの管理、カラーパレットの作成、画像からカラーの抽出、グラデーションの作成・コード生成など、PhotoshopやSketchをはじめとする他のアプリで作業する時に役立つ強力なカラーツールです。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201603/2016091405.png)
ざっと、Kelirのパネルを見てみましょう。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201603/2016091406-01.png)
Kelirのパネル
まだ他にも機能を備えています。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201603/2016091406-02.png)
Kelirのパネル
メニューバーに常駐させることも、ショートカットで呼び出すこともできます。
![Kelirのキャプチャ](http://coliss.com/wp-content/uploads-201603/2016091407.png)
Kelirの起動
さっそくインストールして、使用してみました。
左メニューで機能を選択し、それぞれのカラーツールを操作できます。
![Kelirのキャプチャ](http://coliss.com/wp-content/uploads-201603/2016091408-01.png)
Colors
Colorsでは、ピッカーでモニター上のカラーを取得し、管理することができます。
ピッカーは、「ctrl+option+9」で呼び出せます。
取得と同時に、カラーコードがコピーされます。
![Kelirのキャプチャ](http://coliss.com/wp-content/uploads-201603/2016091408-07.png)
ピッカー
Palletsでは、取得したカラーでパレットを作成したり、画像からパレットを生成することができます。
![Kelirのキャプチャ](http://coliss.com/wp-content/uploads-201603/2016091408-02.png)
Pallets
登録したカラー、カラーパレットは一覧で見ることもできます。
![Kelirのキャプチャ](http://coliss.com/wp-content/uploads-201603/2016091408-06.png)
カラーの管理
Kelirではグラデーションを作成することできます。
※グラデーション機能はアプリ内課金です。
![Kelirのキャプチャ](http://coliss.com/wp-content/uploads-201603/2016091408-03.png)
Gradient
グラデーションの作り方は簡単。
ピッカーで始点と終点のカラーを取得するだけで、作成できます。
作成したグラデーションは、さまざまなコードで書き出すことができます。
![Kelirのキャプチャ](http://coliss.com/wp-content/uploads-201603/2016091408-04.png)
グラデーションの書き出し
CSSで書き出すとこんな感じです。
![Kelirのキャプチャ](http://coliss.com/wp-content/uploads-201603/2016091408-05.png)
グラデーションのコード
sponsors