写真やイラストを1クリックするだけ!配色につかえるカラーパレットを作成するSketchの機能拡張 -Alembic

写真やイラストなどを配置したレイヤーを1クリックするだけで、そのレイヤーに使われている主要なカラーを抽出し、カラーパレットを作成するSketchの機能拡張を紹介します。

画像からカラーを抽出するのはいろいろなツールやサービスがありますが、これ以上簡単で楽なのはないでしょう。

下記のように、1クリックするだけの簡単操作です。

カラーパレットを抽出する機能拡張 -Alembicカラーパレットを抽出する機能拡張 -Alembic

Alembic
Alembic -GitHub

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

イチョウ並木の写真画像

写真: 写真AC

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

Sketchのキャプチャ

1クリックで完了

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

Sketchのキャプチャ

UI Kitのカラーパレットも1クリックで完了

ダウンロードは、下記ページから。

サイトのキャプチャ

Alembic

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

top of page

©2017 coliss