HSL色空間で色選択できるHSL Color Pickerプラグイン - Sketch Plugin Advent Calendar 2016

Sketch Plugin Advent Calendar 2016 1日目の記事です。このカレンダーでは、Sketchプラグインを適当に選んで紹介していきます。初回はSketchでは扱えないHSL色空間で色選択ができる「HSL Color Picker」を紹介します。

プラグインをインストール後、[Plugins → HSL Color Picker]を選択してカラーピッカーを表示します。

オブジェクトを選択してピッカーのスライダーを動かせばオブジェクトの色を変更できます。

現在のオブジェクトの色とピッカーを同期する場合は、色の部分にポインターを重ねて表示される更新マークをクリックします。

インスペクター下の「+」マークは、Document Colorsへ追加、「Copy Color by」の後の「HEX」「RGBA」「HSLA」をクリックすれば、それぞれの値をコピーできます。

// HEX
#EC3A04
// RGBA
rgba(236, 58, 4, 1)
// HSLA
hsla(14, 97%, 47%, 1)

それにしても、最近は別途インスペクタが表示されるプラグインが増えましたね。

それでは、楽しいSketchライフを。

tags