Hello Sketch 3 シリーズ複数のHexからカラーパレットを自動生成するSketch 3プラグイン「Swatches」

この記事は書かれてから1年以上経過しており、内容が古い場合があります。

Hexを入力するだけでカラーパレットを自動生成

Sketch 3のプラグインSwatchesはHexのリスト（例えば#91B6AF, #7D6962, #B96362, #FEE5C6, #E9CE97）を入力するだけで、このようなシンプルなカラーパレットをアートボードに自動生成してくれます。

カラーパレット

Sketch Toolboxをインストールしていれば、Swatchesを簡単にインストールすることができます。検索窓にSwatchesと入力してインストールボタンを押します。

Swatchesのインストール

プラグインをインストールしたらSketchを立ち上げます。適当にアートボードを作りプラグインメニュー（Plugins）→Swatches→Swatchesを選択します。

ダイアログボックスが表示されるので、必要な数だけHex値を,区切りで入力します。おそらく何個でも入力できると思いますが、横に並ぶだけでアートボードのサイズに合わせた調整等は行ってくれません。

ダイアログ

実行すると冒頭のようなカラーパレットができあがります。

ソースを見たところ、シンプルなプラグインなので、何をしているのかわかりやすいです。プラグインを自作するための足がかりになりそうですね。

ではでは。