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

CopyPaletteは1つのカラーをベースに、濃淡のバリエーションでカラーパレットを簡単に生成できるオンラインツールです。生成されるカラーパレットはSVGなので、さまざまなソフトウェアにコピペで利用できます。
CopyPaletteの使い方は簡単、登録など面倒なことも一切不要です。
まずは、サイトにアクセスします。

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

Copyボタンをクリックで、コピーできます
あとは、使用するソフトウェアにペーストするだけ。

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

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

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

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