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ライフを。
