写真やイラストを1クリックするだけ!配色につかえるカラーパレットを作成するSketchの機能拡張 -Alembic
Post on:2017年9月8日
写真やイラストなどを配置したレイヤーを1クリックするだけで、そのレイヤーに使われている主要なカラーを抽出し、カラーパレットを作成するSketchの機能拡張を紹介します。
画像からカラーを抽出するのはいろいろなツールやサービスがありますが、これ以上簡単で楽なのはないでしょう。
下記のように、1クリックするだけの簡単操作です。


さっそく使用してみました。
まずは、画像を用意。

写真: 写真AC
画像を配置して、あとは1クリックするだけ。
カラーのデータはそれぞれコピペすることができ、カラーパレットを作成することができます。

1クリックで完了
1つのレイヤーに配置されていれば、どんな種類でもカラーを抽出できます。

UI Kitのカラーパレットも1クリックで完了
ダウンロードは、下記ページから。

「Download」ボタンをクリックすると、すぐにダウンロードできます。
Sketchにインストールにするには、解凍した「Alembic.sketchplugin」をダブルクリックするだけです。
sponsors