簡単で便利!Sketch, Figma, AdobeXDなどにコピペで利用できるUIデザイン用のカラーパレットを生成 -CopyPalette
Post on:2019年9月24日
最近のUIデザインでよく使用されている、一貫性のある単色のカラーパレットを簡単に生成でき、そのカラーパレットをSketch, Figma, AdobeXDなどにコピペで利用できるオンラインツールを紹介します。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201903/2019092101.gif)
CopyPaletteは1つのカラーをベースに、濃淡のバリエーションでカラーパレットを簡単に生成できるオンラインツールです。生成されるカラーパレットはSVGなので、さまざまなソフトウェアにコピペで利用できます。
CopyPaletteの使い方は簡単、登録など面倒なことも一切不要です。
まずは、サイトにアクセスします。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201903/2019092102-01.png)
カラーパレットを作成したら、右下のCopyボタンをクリックするとカラーパレットがコピーできます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201903/2019092102-02.png)
Copyボタンをクリックで、コピーできます
あとは、使用するソフトウェアにペーストするだけ。
![Figmaのキャプチャ](http://coliss.com/wp-content/uploads-201903/2019092102-03.png)
Figmaにカラーパレットをペースト
CopyPaletteでは、デフォルトでいくつかのカラーが用意されており、それらをベースにしてもよし。もちろん、ベースカラー・コントラスト・バリエーション数をカスタマイズすることもできます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201903/2019092102-04.png)
カラーパレットのカスタマイズ
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201903/2019092102-05.png)
カラーパレットのカスタマイズ
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201903/2019092102-06.png)
カラーパレットのカスタマイズ
sponsors