簡単で便利！Sketch, Figma, AdobeXDなどにコピペで利用できるUIデザイン用のカラーパレットを生成 -CopyPalette

Post on:2019年9月24日

sponsors

最近のUIデザインでよく使用されている、一貫性のある単色のカラーパレットを簡単に生成でき、そのカラーパレットをSketch, Figma, AdobeXDなどにコピペで利用できるオンラインツールを紹介します。

CopyPaletteは1つのカラーをベースに、濃淡のバリエーションでカラーパレットを簡単に生成できるオンラインツールです。生成されるカラーパレットはSVGなので、さまざまなソフトウェアにコピペで利用できます。

CopyPaletteの使い方は簡単、登録など面倒なことも一切不要です。
まずは、サイトにアクセスします。

カラーパレットを作成したら、右下のCopyボタンをクリックするとカラーパレットがコピーできます。

Copyボタンをクリックで、コピーできます

あとは、使用するソフトウェアにペーストするだけ。

Figmaにカラーパレットをペースト

CopyPaletteでは、デフォルトでいくつかのカラーが用意されており、それらをベースにしてもよし。もちろん、ベースカラー・コントラスト・バリエーション数をカスタマイズすることもできます。

カラーパレットのカスタマイズ