【Canva】スポイト/カラーピッカーで素材の色を抽出する方法｜統一感を出しプロのデザイナーに一歩前進！

「スポイト/カラーピッカーって何？」

「デザインに統一感を持たせるために、画像や文字を同じ色にしたい」

「ネットで見つけた画像で使われている色と同じ色を使いたい場合はどうやるの？」

この記事では、そんな方に向けて、Canvaでスポイト/カラーピッカー機能を使用し、素材の色を抽出する方法をお話しします。

どこよりも分かりやすく書いている自信がありますので、ぜひ最後まで読んでください！

さっそく本題に入りましょう。

スポイト/カラーピッカーとは？

スポイト/カラーピッカーとは、任意の素材(画像やデザイン、文字など)で使われている色を抽出させる機能のことです。

当ブログのアイコン画像を例に、色を抽出してみます。

甲羅の花の色を抽出すると、

甲羅の花の色と同じ色にすることができました。

スポイト/カラーピッカーの使い方

Canvaのスポイト/カラーピッカー機能で素材の色を抽出する方法は、下記の通りです。

ネット上にある素材でも、使いたい色を抽出できます。

スポイト/カラーピッカー以外で色を抽出する方法

先ほど紹介したCanvaのスポイト/カラーピッカー以外で色を抽出する方法は、下記2つあります。

それぞれ詳しく解説します。

カラーコードを調べる

カラーコードとは…色を数字やアルファベットなど文字の羅列で表した符号のことです。
カラーコードは全て「＃」から始まります。

カラーコードは、ColorPick EyedropperというGoogle Chromeの拡張機能を使って調べます。

カラーコードを調べて色を抽出する方法は、下記の通りです。

色の自動抽出機能を使う

Canvaでは、スポイト/カラーピッカー機能を使わずとも、写真や画像などの素材で使われている色を自動で抽出してくれる機能が備わっています。

色の自動抽出機能を使い方は、下記の通りです。

スポイト/カラーピッカーの使い道

スポイト/カラーピッカー機能の使い道は、以下のように考えられます。

Canvaのスポイト/カラーピッカー機能を使い、自分のイメージに合ったデザインを作りましょう！

まとめ

今回は、Canvaでスポイト/カラーピッカー機能を使用し、素材の色を抽出する方法を紹介しました。

スポイト/カラーピッカー機能は、使い方も非常にかんたんで、

自分の思うように好きな色でデザインできるので、とても便利ですね。

統一感のあるデザイン作りなどに役立ててください。