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

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

サイトのキャプチャ

CopyPalette

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

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

サイトのキャプチャ

CopyPalette

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

サイトのキャプチャ

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

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

Figmaのキャプチャ

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

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

サイトのキャプチャ

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

サイトのキャプチャ

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

サイトのキャプチャ

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

sponsors

top of page

©2019 coliss